/* inline */
@scope (html[data-site-styles~="8229cc75d1857626"]) {
.topic-header:where(:scope, *) {
  background: linear-gradient(135deg, #9a0000 0%, #9a0000dd 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 #9a0000;
}
.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: #9a000022;
  color: #9a0000;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
}
.related-topic:hover:where(:scope, *) {
  background: #9a000044;
}
}