:root{--brand:#0ea5e9;--brand-600:#0284c7;--ink:#0f172a;--bg:#f8fafc;--muted:#64748b;--card:#ffffff;--border:#e2e8f0;--surface-0:#ffffff;--surface-1:#f3f4f6;--surface-background:#f8fafc;--text:#0f172a;--text-muted:#64748b;--primary:#0ea5e9}
*{box-sizing:border-box}
html,body{height:100%}
body{min-height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;margin:0}
.container{max-width:1100px;margin:0 auto}
.site-header{position:sticky;top:0;background:#ffffff;border-bottom:1px solid var(--border);z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.site-header .brand{color:var(--ink);text-decoration:none;font-weight:700}
.desktop-nav a{margin-left:1rem;text-decoration:none;color:var(--muted)}
.desktop-nav a:hover{color:var(--brand-600)}
.mobile-menu{display:none;background:none;border:0;font-size:1.25rem}
@media (max-width:768px){.desktop-nav{display:none}.mobile-menu{display:block}}
.desktop-only{display:block}
@media (max-width:768px){.desktop-only{display:none!important}}
.mobile-sidebar{position:fixed;inset:0 0 0 auto;width:260px;background:#ffffff;border-left:1px solid var(--border);padding:1rem;z-index:1001}
.mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:saturate(120%) blur(2px);z-index:1000}
.mobile-backdrop.hidden{display:none}
.mobile-sidebar nav{display:flex;flex-direction:column;gap:.5rem}
.mobile-sidebar nav a{display:block;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;color:var(--ink)}
.mobile-sidebar nav a:hover{background:#f8fafc}
.mobile-sidebar.hidden{display:none}
.site-footer{margin-top:auto;border-top:1px solid var(--border);background:#ffffff}
.site-footer .container{padding:1rem}
.card{display:block;padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);text-decoration:none;color:inherit}
.card h3{margin:.25rem 0 .5rem 0}
.card p{margin:0;color:var(--muted)}
/* Ensure question content text is black */
.tab-pane p, .card-body p, .accordion p{color:#000000 !important}