/* GLP-1 Atlas content pages: self-hosted fonts, readability floor, layout consistency (landing page excluded). */
@font-face{font-family:"Fraunces Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-ext-opsz-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces Variable";font-style:italic;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-opsz-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces Variable";font-style:italic;font-display:swap;font-weight:100 900;src:url(/fonts/fraunces-latin-ext-opsz-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono Variable";font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono Variable";font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font-display:"Fraunces Variable","Fraunces",Georgia,"Times New Roman",serif;--font-body:"Plus Jakarta Sans Variable","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.65;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}
h1,h2,h3,.page-title,.section-title,.atlas-title,.atlas-section-title{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 0,"WONK" 0;letter-spacing:-.012em;text-wrap:balance}
.body-text,.section.content-card .body-text,.page-intro{font-size:16px;line-height:1.75;color:var(--slate-700)}
.body-text strong{color:var(--slate-900)}
p,li{text-wrap:pretty}
.section-subtitle,.fig-caption,.footnote,.meta-chip,.toc-meta-item,.bc-link,.bc-current,.key-fact-source,.cg-sub,.lb-caption-text,.dp-guideline,.atlas-explanation-text,.alert-card-footer,.section-intro,.page-intro{font-family:var(--font-body);letter-spacing:0;text-transform:none}
.section-subtitle{font-size:15px;line-height:1.6;color:var(--slate-500)}
.meta-chip,.toc-meta-item{font-size:13px}
.alert-card-footer{font-size:13px}
.page-eyebrow,.section-num,.toc-label,.stat-label,.callout-label,.atlas-eyebrow,.key-fact-label,.drug-prop-label,.sc-badge,.effect-badge{letter-spacing:.06em}
table{font-variant-numeric:tabular-nums}
th,td{font-size:max(13px,1em)}
kbd,code,pre{font-family:var(--font-mono)}
/* Size floor: every sub-12px size in the layout sheet is re-declared at 12px. */
.governance-notice[data-astro-cid-bcns7wuk] p[data-astro-cid-bcns7wuk]{font-size:12px}
.governance-notice[data-astro-cid-bcns7wuk] a[data-astro-cid-bcns7wuk]{font-size:12px}
.bc-badge{font-size:12px}
.toc-label{font-size:12px}
.toc-num{font-size:12px}
.toc-meta-item{font-size:12px}
.page-eyebrow{font-size:12px}
.meta-chip{font-size:12px}
.section-num{font-size:12px}
.diagram-title{font-size:12px}
.callout-label{font-size:12px}
.step-tag{font-size:12px}
.drug-prop-label{font-size:12px}
.tissue-table th{font-size:12px}
.effect-badge{font-size:12px}
.key-fact-label{font-size:12px}
.key-fact-source{font-size:12px}
.sc-title{font-size:12px}
.sc-badge{font-size:12px}
.qf-label{font-size:12px}
.qf-val{font-size:12px}
.pl-val{font-size:12px}
.cg-header-text{font-size:12px}
.cg-row-label{font-size:12px}
.cg-sub{font-size:12px}
.footnote{font-size:12px}
.stat-label{font-size:12px}
.panel-badge{font-size:12px}
.diagram-box:after{font-size:12px}
.lb-counter{font-size:12px}
.atlas-eyebrow{font-size:12px}
.atlas-meta-chip{font-size:12px}
.atlas-figure-num{font-size:12px}
.atlas-explanation-label{font-size:12px}
.trial-card .tc-verdict-label{font-size:12px}
.trial-card .tc-meta-item{font-size:12px}
.outcome-box .ob-sub{font-size:12px}
.drug-profile .dp-trial-detail{font-size:12px}
.drug-profile .dp-footer{font-size:12px}
.gen-band .gen-desc{font-size:12px}
.gen-band .gen-count-label{font-size:12px}
.timeline .tl-detail{font-size:12px}
.guideline-header .gh-link{font-size:12px}
.se-card .se-freq-label{font-size:12px}
.pipeline-card .pc-prop-val{font-size:12px}
.alert-card .alert-card-footer{font-size:12px}
.quick-fact .qf-label{font-size:12px}
.decision-matrix .dm-cell,.decision-matrix .dm-header-cell{font-size:12px}
.inc-table td,.sum-table td{font-size:12px}
.rb-grid .rb-item{font-size:12px}
.decision-matrix .dm-label{font-size:12px}
.mgmt-steps .ms-text{font-size:12px}
.monitor-box .monitor-label,.monitor-box .monitor-text{font-size:12px}
.init-step .is-text{font-size:12px}
.forest-box .forest-label small{font-size:12px}
.div-table .div-table-header-cell,.div-table .div-label,.div-table .div-cell{font-size:12px}
/* Restored component styles from the original GLP-1 Atlas build (rules for classes with no current rule). */
.callout-body{}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 6px 10px 2px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.dp-title-block{}
.dp-prop-val.highlight{color: var(--blue-700);}
.dp-guideline{font-size:12px;
        color: var(--slate-400);
        font-family: var(--font-mono);}
.callout-future{background: var(--purple-50);
        border: 1px solid var(--purple-100);}
.callout-withdrawn{background: var(--rose-50);
        border: 1px solid var(--rose-100);}
.callout-future .callout-icon{background: var(--purple-100);}
.callout-withdrawn .callout-icon{background: var(--rose-100);}
.callout-body{}
.callout-future .callout-label{color: var(--purple-600);}
.callout-withdrawn .callout-label{color: var(--rose-600);}
.compare-table{width: 100%;
        border-collapse: collapse;
        margin: 24px 0;
        font-size: 13px;}
.compare-table th{font-size:12px;
        font-weight: 600;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        padding: 10px 14px;
        text-align: left;
        background: #f8fafc;
        border-bottom: 2px solid var(--slate-200);
        white-space: nowrap;}
.compare-table td{padding: 11px 14px;
        border-bottom: 1px solid var(--slate-100);
        vertical-align: middle;
        color: var(--slate-700);
        line-height: 1.4;}
.compare-table tr:last-child td{border-bottom: none;}
.compare-table tr:hover td{background: #f8fafc;}
.compare-table td:first-child{font-weight: 600;
        color: var(--slate-900);
        font-family: var(--font-display);
        font-size: 14px;}
.ct-best{background: var(--blue-50) !important;}
.ct-best td{color: var(--blue-700) !important;
        font-weight: 600;}
.status-pill{display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size:12px;
        font-weight: 600;
        padding: 3px 10px;
        border-radius: 100px;
        font-family: var(--font-mono);
        white-space: nowrap;}
.status-licensed{background: var(--green-100);
        color: var(--green-600);}
.status-phase3{background: var(--blue-100);
        color: var(--blue-700);}
.status-phase2{background: var(--purple-100);
        color: var(--purple-600);}
.status-withdrawn{background: var(--rose-100);
        color: var(--rose-600);}
.gen-band-1{background: linear-gradient(135deg, var(--slate-100), var(--slate-50));
        border: 1px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);}
.gen-band-2{background: linear-gradient(135deg, var(--blue-50), #f5f9ff);
        border: 1px solid var(--blue-100);}
.gen-band-3{background: linear-gradient(135deg, var(--teal-50), #f0fffd);
        border: 1px solid var(--teal-100);}
.gen-band-4{background: linear-gradient(135deg, var(--amber-50), #fffcf5);
        border: 1px solid var(--amber-100);}
.gen-band-5{background: linear-gradient(135deg, var(--purple-50), #f8f5ff);
        border: 1px solid var(--purple-100);}
.gen-band-6{background: linear-gradient(135deg, var(--orange-50), #fff9f5);
        border: 1px solid var(--orange-100);}
.gen-band-7{background: linear-gradient(135deg, var(--sky-50), #f0f8ff);
        border: 1px solid var(--sky-100);}
.gen-num-1{background: var(--slate-200);
        color: var(--slate-700);}
.gen-num-2{background: var(--blue-100);
        color: var(--blue-700);}
.gen-num-3{background: var(--teal-100);
        color: var(--teal-700);}
.gen-num-4{background: var(--amber-100);
        color: var(--amber-700);}
.gen-num-5{background: var(--purple-100);
        color: var(--purple-700);}
.gen-num-6{background: var(--orange-100);
        color: var(--orange-700);}
.gen-num-7{background: var(--sky-100);
        color: var(--sky-700);}
.gen-info{}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 8px 10px 2px;
        margin-top: 4px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.tc-section-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--slate-400);
        font-family: var(--font-mono);
        margin: 16px 0 8px;}
.ob-primary{background: var(--teal-50);
        border-color: var(--teal-100);}
.ob-primary .ob-label{color: var(--teal-600);}
.ob-primary .ob-val{color: var(--teal-700);}
.ob-primary .ob-sub{color: var(--teal-600);}
.ob-primary .ob-pval{color: var(--teal-700);}
.ob-safety{background: var(--amber-50);
        border-color: var(--amber-100);}
.ob-safety .ob-label{color: var(--amber-600);}
.ob-safety .ob-val{color: var(--amber-700);}
.ob-safety .ob-sub{color: var(--amber-600);}
.ob-safety .ob-pval{color: var(--amber-700);}
.fh-label{width: 180px;
        flex-shrink: 0;
        font-size:12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--slate-400);
        font-family: var(--font-mono);}
.fh-bar{flex: 1;
        font-size:12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--slate-400);
        font-family: var(--font-mono);
        text-align: center;}
.fh-hr{width: 90px;
        flex-shrink: 0;
        text-align: right;
        font-size:12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--slate-400);
        font-family: var(--font-mono);}
.fh-p{width: 70px;
        flex-shrink: 0;
        text-align: right;
        font-size:12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--slate-400);
        font-family: var(--font-mono);}
.callout-landmark{background: var(--slate-900);
        border: 1px solid var(--slate-800);}
.callout-landmark .callout-icon{background: rgba(255, 255, 255, 0.1);}
.callout-landmark .callout-label{color: #60a5fa;}
.callout-landmark .callout-text{color: #cbd5e1;}
.callout-landmark .callout-text strong{color: #f1f5f9;}
.ev-table{width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
        font-size: 13px;}
.ev-table th{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        padding: 10px 14px;
        text-align: left;
        background: #f8fafc;
        border-bottom: 2px solid var(--slate-200);
        white-space: nowrap;}
.ev-table td{padding: 10px 14px;
        border-bottom: 1px solid var(--slate-100);
        vertical-align: middle;
        color: var(--slate-700);}
.ev-table tr:last-child td{border-bottom: none;}
.ev-table tr:hover td{background: #f8fafc;}
.ev-table td:first-child{font-weight: 600;
        color: var(--slate-900);}
.ev-badge{display: inline-flex;
        font-size:12px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 100px;
        font-family: var(--font-mono);
        white-space: nowrap;}
.ev-sup{background: var(--teal-100);
        color: var(--teal-700);}
.ev-neut{background: var(--slate-100);
        color: var(--slate-600);}
.ev-pos{background: var(--green-100);
        color: var(--green-600);}
.rob-grid{display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 6px;
        margin: 16px 0;}
.rob-item{background: #f8fafc;
        border: 1px solid var(--slate-100);
        border-radius: 8px;
        padding: 10px 8px;
        text-align: center;}
.rob-icon{font-size: 18px;
        margin-bottom: 4px;}
.rob-label{font-size:12px;
        color: var(--slate-500);
        font-family: var(--font-mono);
        line-height: 1.3;}
.rob-low{background: var(--green-50);
        border-color: var(--green-100);}
.rob-low .rob-label{color: var(--green-600);}
.rob-some{background: var(--amber-50);
        border-color: var(--amber-100);}
.rob-some .rob-label{color: var(--amber-600);}
.stats-band{background: var(--slate-900);
        border-radius: 12px;
        padding: 24px 28px;
        margin: 28px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;}
.stat-item{text-align: center;}
.ti-item{display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 0;
        border-bottom: 1px solid var(--slate-100);
        text-decoration: none;}
.ti-item:last-child{border-bottom: none;}
.ti-name{font-size: 12px;
        font-weight: 600;
        color: var(--slate-800);
        font-family: var(--font-mono);}
.ti-drug{font-size:12px;
        color: var(--slate-400);
        margin-top: 1px;}
.ti-result{margin-left: auto;
        font-size:12px;
        font-weight: 700;
        font-family: var(--font-mono);
        flex-shrink: 0;}
.ti-sup{color: var(--teal-600);}
.ti-neut{color: var(--slate-400);}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 7px 10px 2px;
        margin-top: 4px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.gh-info{flex: 1;}
.rec-content{flex: 1;
        min-width: 0;}
.grade-1a{background: var(--green-100);
        color: var(--green-700);}
.grade-1b{background: var(--teal-100);
        color: var(--teal-700);}
.grade-2a{background: var(--blue-100);
        color: var(--blue-700);}
.grade-c{background: var(--slate-100);
        color: var(--slate-600);}
.grade-e{background: var(--purple-100);
        color: var(--purple-700);}
.grade-a{background: var(--green-100);
        color: var(--green-700);}
.grade-b{background: var(--teal-100);
        color: var(--teal-700);}
.callout-nice{background: var(--green-50);
        border: 1px solid var(--green-100);}
.callout-update{background: var(--purple-50);
        border: 1px solid var(--purple-100);}
.callout-nice .callout-icon{background: var(--green-100);}
.callout-update .callout-icon{background: var(--purple-100);}
.callout-nice .callout-label{color: var(--green-600);}
.callout-update .callout-label{color: var(--purple-600);}
.comp-table{width: 100%;
        border-collapse: collapse;
        margin: 24px 0;
        font-size: 13px;}
.comp-table th{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        padding: 10px 14px;
        text-align: left;
        background: #f8fafc;
        border-bottom: 2px solid var(--slate-200);
        white-space: nowrap;}
.comp-table td{padding: 11px 14px;
        border-bottom: 1px solid var(--slate-100);
        vertical-align: top;
        color: var(--slate-700);
        line-height: 1.5;}
.comp-table tr:last-child td{border-bottom: none;}
.comp-table tr:hover td{background: #f8fafc;}
.comp-table td:first-child{font-weight: 600;
        color: var(--slate-900);
        white-space: nowrap;}
.cp{display: inline-flex;
        font-size:12px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 100px;
        font-family: var(--font-mono);
        white-space: nowrap;
        margin: 1px;}
.cp-cond{background: var(--amber-100);
        color: var(--amber-700);}
.cp-strong{background: var(--blue-100);
        color: var(--blue-700);}
.algo-box{background: #f8fafc;
        border: 1px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
        border-radius: 12px;
        padding: 28px;
        margin: 24px 0;}
.algo-title{font-size:12px;
        font-weight: 600;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 8px;}
.algo-title::before{content: "";
        display: block;
        width: 3px;
        height: 14px;
        background: var(--blue-500);
        border-radius: 2px;
        flex-shrink: 0;}
.stats-band{background: var(--slate-900);
        border-radius: 12px;
        padding: 24px 28px;
        margin: 28px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;}
.stat-item{text-align: center;}
.ev-key{display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin: 16px 0;
        padding: 14px 16px;
        background: #f8fafc;
        border: 1px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
        border-radius: 8px;}
.ev-key-item{display: flex;
        align-items: center;
        gap: 6px;
        font-size:12px;
        color: var(--slate-600);}
.ev-key-badge{font-size:12px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 100px;
        font-family: var(--font-mono);}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 8px 10px 2px;
        margin-top: 4px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.callout-nice{background: var(--green-50);
        border: 1px solid var(--green-100);}
.callout-nice .callout-icon{background: var(--green-100);}
.callout-nice .callout-label{color: var(--green-600);}
.flow-title{font-size:12px;
        font-weight: 600;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 8px;}
.flow-title::before{content: "";
        display: block;
        width: 3px;
        height: 14px;
        background: var(--blue-500);
        border-radius: 2px;
        flex-shrink: 0;}
.cc-header{padding: 16px 20px;
        border-bottom: 1px solid var(--slate-100);
        display: flex;
        align-items: center;
        gap: 14px;}
.cc-icon{width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        flex-shrink: 0;}
.cc-title{font-size: 16px;
        font-weight: 600;
        color: var(--slate-900);
        letter-spacing: -0.01em;
        margin-bottom: 2px;}
.cc-subtitle{font-size:12px;
        color: var(--slate-500);
        font-family: var(--font-mono);}
.cc-badge{margin-left: auto;
        font-size:12px;
        font-weight: 700;
        padding: 4px 12px;
        border-radius: 100px;
        font-family: var(--font-mono);
        white-space: nowrap;
        flex-shrink: 0;}
.cc-body{padding: 18px 20px;}
.cc-text{font-size: 13.5px;
        color: var(--slate-700);
        line-height: 1.7;
        margin-bottom: 14px;}
.cc-text strong{color: var(--slate-900);
        font-weight: 600;}
.cc-criteria-list{list-style: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 16px;}
.cc-criteria-list li{display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 13.5px;
        color: var(--slate-700);
        line-height: 1.5;}
.cc-criteria-list li::before{content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:12px;
        flex-shrink: 0;
        margin-top: 1px;}
.criteria-yes li::before{content: "✓";
        background: var(--green-100);
        color: var(--green-600);
        font-weight: 700;}
.dm-pill-yes{background: var(--green-100);
        color: var(--green-600);}
.dm-pill-no{background: var(--rose-100);
        color: var(--rose-600);}
.dm-pill-caution{background: var(--amber-100);
        color: var(--amber-600);}
.dm-pill-ok{background: var(--blue-50);
        color: var(--blue-700);}
.threshold-band{background: var(--white);
        border: 1px solid #cbd5e1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
        border-radius: 12px;
        padding: 24px;
        margin: 24px 0;}
.threshold-title{font-size:12px;
        font-weight: 600;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);
        margin-bottom: 18px;}
.bmi-scale{position: relative;
        height: 48px;
        background: linear-gradient(
          90deg,
          var(--teal-100) 0%,
          var(--teal-100) 22%,
          var(--green-100) 22%,
          var(--green-100) 35%,
          var(--amber-100) 35%,
          var(--amber-100) 50%,
          var(--orange-100) 50%,
          var(--orange-100) 65%,
          var(--rose-100) 65%,
          var(--rose-100) 100%
        );
        border-radius: 8px;
        margin-bottom: 12px;}
.bmi-marker{position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: var(--slate-700);}
.bmi-marker-label{position: absolute;
        top: -20px;
        transform: translateX(-50%);
        font-size:12px;
        font-weight: 700;
        font-family: var(--font-mono);
        color: var(--slate-700);
        white-space: nowrap;}
.bmi-marker-desc{position: absolute;
        bottom: -20px;
        transform: translateX(-50%);
        font-size:12px;
        font-family: var(--font-mono);
        color: var(--slate-500);
        white-space: nowrap;}
.bmi-zone-label{position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size:12px;
        font-family: var(--font-mono);
        font-weight: 600;
        padding: 0 8px;}
.is-num{flex-shrink: 0;
        width: 40px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;}
.is-body{flex: 1;
        padding: 8px 0 28px 18px;}
.stats-band{background: var(--slate-900);
        border-radius: 12px;
        padding: 24px 28px;
        margin: 28px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;}
.stat-item{text-align: center;}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 7px 10px 2px;
        margin-top: 4px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.sev-very-common{background: #fee2e2;
        color: #b91c1c;}
.sev-common{background: #fef3c7;
        color: #92400e;}
.sev-uncommon{background: #eef5ff;
        color: #1b4f8c;}
.sev-rare{background: #f5f3ff;
        color: #6d28d9;}
.sev-black{background: #0f172a;
        color: #f1f5f9;}
.sev-emerging{background: #ecfdf5;
        color: #065f46;}
.se-title-block{flex: 1;}
.mgmt-step.ms-do{background: var(--green-50);
        border: 1px solid var(--green-100);}
.mgmt-step.ms-do .ms-num{background: var(--green-500);
        color: white;}
.mgmt-step.ms-stop{background: var(--rose-50);
        border: 1px solid var(--rose-100);}
.mgmt-step.ms-stop .ms-num{background: var(--rose-500);
        color: white;}
.mgmt-step.ms-info{background: var(--blue-50);
        border: 1px solid var(--blue-100);}
.mgmt-step.ms-info .ms-num{background: var(--blue-500);
        color: white;}
.freq-bar-wrap{display: flex;
        align-items: center;
        gap: 8px;}
.freq-bar{height: 8px;
        border-radius: 100px;
        min-width: 4px;
        max-width: 160px;}
.freq-val{font-size:12px;
        font-family: var(--font-mono);
        color: var(--slate-500);
        white-space: nowrap;}
.stats-band{background: var(--slate-900);
        border-radius: 12px;
        padding: 24px 28px;
        margin: 28px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;}
.stat-item{text-align: center;}
.callout-warn{background: var(--amber-50);
        border: 1px solid var(--amber-100);}
.callout-info{background: var(--blue-50);
        border: 1px solid var(--blue-100);}
.callout-warn .callout-icon{background: var(--amber-100);}
.callout-info .callout-icon{background: var(--blue-100);}
.callout-warn .callout-label{color: var(--amber-600);}
.callout-info .callout-label{color: var(--blue-600);}
.overview-grid{display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin: 24px 0;}
.og-freq{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        font-family: var(--font-mono);
        margin-bottom: 6px;}
.og-name{font-size: 14.5px;
        font-weight: 600;
        color: var(--slate-900);
        letter-spacing: -0.01em;
        margin-bottom: 4px;}
.og-rate{font-family: var(--font-display);
        font-size: 22px;
        font-weight: 300;
        letter-spacing: -0.02em;
        margin-bottom: 4px;}
.og-note{font-size:12px;
        color: var(--slate-500);
        font-family: var(--font-mono);
        line-height: 1.4;}
.sei-dot{width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;}
.sei-name{font-size: 12.5px;
        color: var(--slate-700);
        flex: 1;
        line-height: 1.3;}
.toc-group-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--slate-300);
        font-family: var(--font-mono);
        padding: 7px 10px 2px;
        margin-top: 4px;}
.toc-dot{width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;}
.sc-title-block{flex: 1;}
.verdict-extreme{background: var(--rose-100);
        color: var(--rose-700);}
.verdict-caution{background: var(--amber-100);
        color: var(--amber-700);}
.evidence-pill{display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size:12px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 100px;
        font-family: var(--font-mono);
        margin: 2px;}
.ev-high{background: var(--green-100);
        color: var(--green-700);}
.ev-mod{background: var(--teal-100);
        color: var(--teal-700);}
.ev-low{background: var(--amber-100);
        color: var(--amber-700);}
.ev-vlow{background: var(--slate-100);
        color: var(--slate-600);}
.ev-expert{background: var(--purple-100);
        color: var(--purple-700);}
.callout-warn{background: var(--amber-50);
        border: 1px solid var(--amber-100);}
.callout-info{background: var(--blue-50);
        border: 1px solid var(--blue-100);}
.callout-warn .callout-icon{background: var(--amber-100);}
.callout-info .callout-icon{background: var(--blue-100);}
.callout-warn .callout-label{color: var(--amber-600);}
.callout-info .callout-label{color: var(--blue-600);}
.stats-band{background: var(--slate-900);
        border-radius: 12px;
        padding: 20px 24px;
        margin: 24px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;}
.stat-item{text-align: center;}
.rb-avoid{background: var(--red-50);
        border-color: var(--red-100);}
.rb-extreme{background: var(--rose-50);
        border-color: var(--rose-100);}
.rb-caution{background: var(--amber-50);
        border-color: var(--amber-100);}
.rb-avoid .rb-label{color: var(--red-700);}
.rb-extreme .rb-label{color: var(--rose-700);}
.rb-caution .rb-label{color: var(--amber-700);}
.scr-header{padding: 12px 15px;
        border-bottom: 1px solid var(--slate-200);
        display: flex;
        align-items: center;
        justify-content: space-between;}
.scr-title{font-size:12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--slate-500);
        font-family: var(--font-mono);}
.scr-badge{font-size:12px;
        font-weight: 600;
        padding: 2px 8px;
        border-radius: 100px;
        background: var(--blue-50);
        color: var(--blue-600);
        font-family: var(--font-mono);}
.scr-body{padding: 12px 15px;}
.sci-dot{width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;}
.sci-name{font-size: 12px;
        color: var(--slate-700);
        flex: 1;
        line-height: 1.3;}
.sci-verdict{font-size:12px;
        font-weight: 700;
        font-family: var(--font-mono);
        flex-shrink: 0;}
.scenario-card .sc-title-block{flex: 1;}
.verdict-extreme{background: var(--rose-100);
        color: var(--rose-700);}
.verdict-caution{background: var(--amber-100);
        color: var(--amber-700);}
@media (max-width: 768px){.compare-table{font-size:12px;}}
@media (max-width: 768px){.compare-table th,
        .compare-table td{padding: 8px 6px;}}
.footer-inner{max-width: 1280px;
        margin: 0 auto;}
.footer-grid{display: grid;
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 48px;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.footer-logo{display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
        color: #fff;}
.footer-tagline{font-size: 13px;
        color: var(--slate-500);
        line-height: 1.7;
        margin-bottom: 16px;
        max-width: 280px;}
.footer-badges{display: flex;
        flex-wrap: wrap;
        gap: 6px;}
.footer-col-label{font-size:12px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--slate-600);
        font-family: var(--font-mono);
        margin-bottom: 14px;}
.footer-link{display: block;
        font-size: 13.5px;
        color: var(--slate-400);
        text-decoration: none;
        margin-bottom: 8px;
        transition: color 0.15s;}
.footer-link:hover{color: var(--slate-100);}
.footer-disclaimer{font-size:12px;
        color: var(--slate-600);
        line-height: 1.7;
        margin-bottom: 20px;
        padding: 16px;
        background: rgba(255, 255, 255, 0.03);
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.06);}
.footer-disclaimer strong{color: var(--slate-500);}
.footer-meta{display: flex;
        gap: 24px;
        flex-wrap: wrap;
        font-size:12px;
        color: var(--slate-700);
        font-family: var(--font-mono);}
@media (max-width: 768px){.footer-grid{grid-template-columns: 1fr;
          gap: 28px;}}
@media (max-width: 768px){.footer-meta{gap: 12px;
          flex-direction: column;}}
@media (max-width: 768px){.mbn-item{flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 3px;
          padding: 8px 4px 10px;
          text-decoration: none;
          color: var(--slate-500);
          font-size:12px;
          font-weight: 500;
          font-family: var(--font-body);
          border: none;
          background: transparent;
          cursor: pointer;
          transition: color 0.15s;}}
@media (max-width: 768px){.mbn-item svg{stroke: currentColor;}}
@media (max-width: 768px){.mbn-item.active{color: var(--blue-600);}}
@media (max-width: 768px){.mbn-item.active svg{stroke: var(--blue-600);}}
.alert-card-critical{border-color: #FDA4AF; background: #FFF1F2;}
.alert-card-warning{border-color: #FCD34D; background: #FFFBEB;}
.alert-card-info{border-color: #ADC8F0; background: #EEF5FF;}
.alert-card-resolved{border-color: #E2E8F0; background: #F8FAFC; opacity: 0.75;}
.alert-card-title-critical{color:#9F1239;}
.badge-fda{background:#003087; color:#fff;}
.badge-ema{background:#003399; color:#FFD700;}
.badge-mhra{background:#006847; color:#fff;}
.badge-nice{background:#005EB8; color:#fff;}
.badge-resolved{background:#94A3B8; color:#fff;}
.bbw-box{border:3px solid #000; border-radius:4px; padding:16px 20px; background:#fff; margin:16px 0;}
.bbw-box-header{font-weight:700; text-align:center; font-size:13px; text-transform:uppercase; letter-spacing:0.05em; border-bottom:2px solid #000; margin-bottom:12px; padding-bottom:8px;}
.bbw-box-body{font-size:13.5px; color:#000; line-height:1.65;}
[data-theme="dark"] .bbw-box{background:#1E293B; border-color:#F1F5F9;}
[data-theme="dark"] .bbw-box-body{color:#F1F5F9;}
[data-theme="dark"] .alert-card-critical{border-color:#9F1239; background:#1a0509;}
[data-theme="dark"] .alert-card-warning{border-color:#B45309; background:#1a1000;}
[data-theme="dark"] .alert-card-info{border-color:#1B4F8C; background:#071a35;}
[data-theme="dark"] .alert-card-resolved{border-color:#334155; background:#0F172A;}
[data-theme="dark"] .alert-card-title-critical{color:#FCA5A5;}
@media (max-width: 768px){.mobile-bottom-nav .mbn-item{min-width: 74px;
      flex: 0 0 auto;}}
body.reference-mode .section-header{margin-bottom: 14px;}

/* Dark theme surfaces for restored components. */
[data-theme=dark] .forest-box .forest-hr,[data-theme=dark] .forest-box .forest-p{color:#e2e8f0}
[data-theme=dark] .compare-table th{background:#1e293b}
[data-theme=dark] .compare-table tr:hover td{background:#1e293b}
[data-theme=dark] .callout-landmark{background:#0b1220;border-color:#334155}
[data-theme=dark] .ev-table th{background:#1e293b}
[data-theme=dark] .ev-table tr:hover td{background:#1e293b}
[data-theme=dark] .rob-item{background:#1e293b}
[data-theme=dark] .comp-table th{background:#1e293b}
[data-theme=dark] .comp-table tr:hover td{background:#1e293b}
[data-theme=dark] .algo-box{background:#1e293b}
[data-theme=dark] .ev-key{background:#1e293b}
[data-theme=dark] .bmi-marker{background:#0b1220;border-color:#334155}
[data-theme=dark] .alert-card-resolved{background:#1e293b}
[data-theme=dark] .bbw-box{background:#1e293b}
[data-theme=dark] .bbw-box-body{color:#f1f5f9}
/* Layout consistency fixes (last, so they win over restored rules). */
.alert-card .alert-card-header:not(:has(.alert-card-icon)){grid-template-columns:minmax(0,1fr) max-content}
.stats-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch;gap:0;margin:28px 0;padding:22px 8px;border:1px solid var(--slate-200);border-radius:16px;background:var(--slate-50)}
.stats-band .stat-item{padding:6px 18px;border-left:1px solid var(--slate-200)}
.stats-band .stat-item:first-child{border-left:0}
.stats-band .stat-divider{display:none}
.stats-band .stat-num{font-size:30px;font-weight:500}
.stats-band .stat-label{line-height:1.4;margin-top:4px}
@media (width<=640px){.stats-band{grid-template-columns:1fr 1fr}.stats-band .stat-item{border-left:0;border-top:1px solid var(--slate-200);padding:12px}.stats-band .stat-item:nth-child(-n+3){border-top:0}}
.status-pill.status-approved{background:var(--green-100);color:var(--green-600)}
.section-intro{max-width:72ch;color:var(--slate-500);font-size:15px;line-height:1.6;margin:8px 0 20px}
.faq-inner{max-width:100%}
.sidebar-card .footer-link{display:block;margin:4px 0}
.prose-page h1,.prose-page h2,.prose-page h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.012em}
.prose-updated{font-size:14px}
.prose-body p,.prose-body li{font-size:16.5px}
body{word-spacing:.04em}
.nav-links a,.btn-ghost,.btn-primary,.drug-prop-val,.qf-label,.sub-heading,.search-btn,.step-title{letter-spacing:0}
.toc-group-label{color:var(--slate-500)}
.forest-box .forest-hr,.forest-box .forest-p,.outcome-box .ob-pval,.outcome-box .ob-val,.qf-val,.pl-val{font-family:var(--font-body);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}
.forest-box .forest-hr,.forest-box .forest-p{font-size:13px}