/* inline */
@scope (html[data-site-styles~="c43fd09d40dc4858"]) {
.topic-header:where(:scope, *) {
  background: linear-gradient(135deg, #9c4f0c 0%, #87440a 100%);
  color: white;
  padding: 2rem;
  border-radius: 12px;
  margin-bottom: 2rem;
}
.topic-header h1:where(:scope, *) {
  color: white;
  margin: 0;
}
.topic-meta:where(:scope, *) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.topic-tag:where(:scope, *) {
  background: rgba(255,255,255,0.2);
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.85rem;
}
.content-section:where(:scope, *) {
  background: #f8f9fa;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}
.content-card:where(:scope, *) {
  background: white;
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 0.75rem;
  border-left: 4px solid #E67E22;
}
.content-card h4:where(:scope, *) {
  margin: 0 0 0.5rem 0;
}
.content-card p:where(:scope, *) {
  margin: 0;
  color: #666;
  font-size: 0.9rem;
}
.related-topics:where(:scope, *) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.related-topic:where(:scope, *) {
  background: #E67E2222;
  color: #E67E22;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
}
.related-topic:hover:where(:scope, *) {
  background: #E67E2244;
}
}