.site-header { position: relative; background: var(--sf-color-surface); border-bottom: var(--sf-border); }.site-header .shell { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: var(--sf-space-3); }.site-identity { display: grid; gap: 0; color: var(--sf-color-text-primary); font-weight: 750; text-decoration: none; }.site-identity span { color: var(--sf-color-text-muted); font-size: .72rem; font-weight: 500; }.primary-navigation { display: none; }.primary-navigation ul,.mobile-navigation ul { list-style: none; padding: 0; margin: 0; }.primary-navigation a,.mobile-navigation a { display: inline-flex; align-items:center; padding-inline: var(--sf-space-2); color: var(--sf-color-text-primary); text-decoration: none; font-size: .92rem; }.primary-navigation [aria-current] { color: var(--sf-color-accent-primary); border-bottom: 3px solid var(--sf-color-accent-primary); }.menu-toggle { padding-inline: var(--sf-space-3); background: var(--sf-color-surface); border: var(--sf-border); border-radius: var(--sf-radius-sm); color: var(--sf-color-text-primary); }.mobile-navigation { padding: var(--sf-space-4); border-top: var(--sf-border); background: var(--sf-color-surface); }.mobile-navigation[hidden] { display:none; }.mobile-navigation li + li { margin-top: var(--sf-space-2); }.independent-disclosure { padding: var(--sf-space-3); margin-block-end: var(--sf-space-3); color: var(--sf-color-text-secondary); background: var(--sf-color-surface-subtle); border-left: 3px solid var(--sf-color-accent-primary); border-radius: var(--sf-radius-sm); font-size: .88rem; }.showcase-label,.eyebrow { font-size: .78rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; color: var(--sf-color-accent-primary); }.showcase-label { margin-block: var(--sf-space-6); }.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:var(--sf-space-2); list-style:none; padding:0; font-size:.88rem; color:var(--sf-color-text-muted); }.breadcrumbs li+li::before { content:'/'; margin-inline-end:var(--sf-space-2); }.page-hero { padding: var(--sf-space-8) 0 var(--sf-space-6); border-bottom: 3px solid var(--sf-color-accent-primary); }.page-hero h1 { margin-block:var(--sf-space-2) var(--sf-space-4); max-width: 18ch; }.answer-summary,.key-points,.card,.status,.metadata p,.fixture-note { padding: var(--sf-space-4); border: var(--sf-border); border-radius: var(--sf-radius-md); background: var(--sf-color-surface); }.answer-summary { border-left: 4px solid var(--sf-color-accent-primary); }.qualification-notice { margin-top: var(--sf-space-3); padding-left: var(--sf-space-3); border-left: 3px solid var(--sf-color-info-qualified); }.prose { color:var(--sf-color-text-secondary); }.key-points { margin-top:var(--sf-space-5); }.key-points ul { padding-left:1.25rem; }.key-points li+li { margin-top:var(--sf-space-2); }.table-wrap { overflow-x: auto; border:var(--sf-border); border-radius:var(--sf-radius-md); background:var(--sf-color-surface); }.table-wrap table { min-inline-size: 560px; width:100%; border-collapse:collapse; }.table-wrap caption { padding:var(--sf-space-3); color:var(--sf-color-text-secondary); text-align:left; font-weight:700; }.table-wrap th,.table-wrap td { padding:var(--sf-space-3); border-top:var(--sf-border); text-align:left; }.evidence-grid,.card-grid { display:grid; gap:var(--sf-space-4); margin-top:var(--sf-space-5); }.status { display:flex; gap:var(--sf-space-2); align-items:flex-start; }.status > div { min-width:0; overflow-wrap:anywhere; }.status span { font-size:.8rem; }.status--current { border-left:4px solid var(--sf-color-success-current); }.status--qualified { border-left:4px solid var(--sf-color-info-qualified); }.status--stale { border-left:4px solid var(--sf-color-warning-stale); }.status--unavailable { border-left:4px solid var(--sf-color-unavailable); }.status p { margin-top:var(--sf-space-2); }.status .meta,.metadata { color:var(--sf-color-text-muted); font-size:.88rem; }.metadata { display:grid; gap:var(--sf-space-3); margin-top:var(--sf-space-5); }.uncertainty { border-left:3px solid var(--sf-color-unavailable); }.volatile-observation { margin-top:var(--sf-space-4); }.fixture-note { color:var(--sf-color-text-muted); font-size:.9rem; }.card { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:var(--sf-space-3); box-shadow:var(--sf-shadow-raised); }.card p { color:var(--sf-color-text-secondary); }.related-research ul { padding-left:1.25rem; }.related-research li+li { margin-top:var(--sf-space-2); }.site-footer { border-top:var(--sf-border); padding-block:var(--sf-space-8); color:var(--sf-color-text-secondary); background:var(--sf-color-surface); font-size:.9rem; }
@media (min-width: 640px) { .evidence-grid,.card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width: 900px) { .primary-navigation { display:block; }.primary-navigation ul { display:flex; flex-wrap:wrap; gap:var(--sf-space-1); }.menu-toggle,.mobile-navigation { display:none; }.site-header .shell { min-height:72px; } }
@media (min-width: 1100px) { .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* HOME Direction B components are deliberately scoped to avoid child-route drift. */
.home-direction-b .site-header { z-index:10; border-bottom-color:var(--sf-home-border); background:var(--sf-home-primary-background); color:var(--sf-home-text-on-dark); }
.home-direction-b .site-identity,.home-direction-b .primary-navigation a,.home-direction-b .mobile-navigation a { color:var(--sf-home-text-on-dark); }
.home-direction-b .site-identity:hover,.home-direction-b .primary-navigation a:hover,.home-direction-b .mobile-navigation a:hover { color:var(--sf-home-cta-primary); }
.home-direction-b .menu-toggle { border-color:var(--sf-home-border); background:var(--sf-home-dark-surface); color:var(--sf-home-text-on-dark); }
.home-direction-b .mobile-navigation { border-top-color:var(--sf-home-border); background:var(--sf-home-secondary-background); }
.home-direction-b .home-cta { display:inline-flex; min-height:var(--sf-touch-min); align-items:center; justify-content:center; padding:var(--sf-space-3) var(--sf-space-5); border:1px solid transparent; border-radius:var(--sf-radius-pill); background:var(--sf-home-cta-primary); box-shadow:0 8px 24px rgb(246 196 83 / 18%); color:#211A08; font:inherit; font-weight:800; line-height:1.1; text-align:center; transition:background-color var(--sf-motion),box-shadow var(--sf-motion),transform var(--sf-motion); }
.home-direction-b .home-cta::before { content:var(--sf-home-primary-cta-label); }
.home-direction-b .home-cta:hover { background:var(--sf-home-cta-primary-hover); }
.home-direction-b .home-cta:active { background:var(--sf-home-cta-primary-active); transform:translateY(1px); }
.home-direction-b .home-cta:focus-visible { outline-color:var(--sf-home-cta-primary-focus); }