/* anaes-topic.css — extra components for tabbed system-topic pages (CLD, Cleft)
   Loaded after shared.css + airway.css. Only holds classes those two don't define. */

/* extra section-badge colours */
.sb-c{background:#ccfbf1;color:#0f766e;}
.sb-p{background:#fce7f3;color:#9d174d;}
html.dark .sb-c{background:#0f2f2a;color:#5eead4;}
html.dark .sb-p{background:#2a0f20;color:#f9a8d4;}

/* two-column system cards */
.sys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0;}
.sys-card{border-radius:10px;padding:1rem 1.1rem;border:1px solid var(--line);background:var(--bg-alt);}
.sys-card h4{font-size:.85rem;font-weight:800;margin-bottom:.4rem;color:var(--blue);}
.sys-card p{font-size:.82rem;color:var(--slate);line-height:1.6;margin:0;}
.sys-card ul{font-size:.82rem;color:var(--slate);line-height:1.6;margin:.3rem 0 0;padding-left:1.1rem;}
.sys-card li{margin-bottom:.2rem;}
@media(max-width:600px){.sys-grid{grid-template-columns:1fr;}}

/* "key differences / key point" call-out */
.keydiff{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #93c5fd;border-radius:10px;padding:1.1rem 1.2rem;margin:1rem 0;}
.keydiff .mb-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#1e40af;margin-bottom:.5rem;}
.keydiff ul{font-size:.88rem;color:#0c4a6e;line-height:1.7;margin:0;padding-left:1.2rem;}
.keydiff strong{color:#1e3a8a;}
html.dark .keydiff{background:linear-gradient(135deg,#0c2036,#0a2942);border-color:#1d4ed8;}
html.dark .keydiff ul{color:#bae6fd;}
html.dark .keydiff strong{color:#93c5fd;}