.site-header { background:#050505; border-bottom:1px solid var(--line); }
.site-nav [aria-current="page"] { color:var(--gold-bright); }
.fh-intro,.region-section,.symptoms-section,.fh-next,.education-note,.fh-footer { padding:64px max(24px, calc((100vw - 1120px) / 2)); }
.fh-intro { padding-top:155px; background:radial-gradient(ellipse at 85% 0%,#302918,transparent 65%); }
h1 { font:600 clamp(46px,6vw,82px)/1 var(--display); margin:20px 0 26px; } h1 span { color:var(--gold-bright); }
h2 { font:600 clamp(34px,4vw,50px)/1.1 var(--display); margin:12px 0 20px; } h3 { font:600 26px/1.2 var(--display); margin:0 0 14px; }
p { max-width:760px; }.fh-intro>p:not(.eyebrow) { max-width:690px; }
.fh-jumps { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }.fh-note { font-size:14px; color:var(--muted); margin-top:24px; }.fh-note a,.education-note a { text-decoration:underline; text-underline-offset:4px; }
.region-section { border-top:1px solid var(--line-gold); scroll-margin-top:12px; }
.region-summary { display:grid; grid-template-columns:1fr 220px; gap:50px; align-items:center; margin-bottom:30px; }
.pattern-count { border-left:1px solid var(--line-gold); padding:20px 0 20px 30px; }.pattern-count strong { font:600 76px/1 var(--display); color:var(--gold-bright); }.pattern-count span,.pattern-count small { display:block; }.pattern-count span { font-size:22px; }.pattern-count small { font-size:14px; color:var(--muted); }
.view-controls { display:flex; gap:8px; margin-bottom:18px; }.view-controls[hidden],.anatomy-view[hidden] { display:none; }.view-controls button { background:#181a1b; color:var(--white); padding:12px 22px; border:1px solid var(--line-gold); cursor:pointer; min-height:48px; }.view-controls button[aria-pressed="true"] { background:var(--gold-bright); color:#080808; font-weight:700; }
.anatomy-view { margin:0 0 24px; border:1px solid var(--line); background:#111316; }.figure-heading { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:20px 24px; }.figure-heading h3 { margin:0; }.figure-heading a { font-size:14px; color:var(--gold-bright); text-decoration:underline; }.diagram { display:block; background:white; padding:18px; }.diagram img { width:100%; height:auto; max-height:760px; object-fit:contain; margin:auto; }.anatomy-view figcaption { padding:16px 24px; font-size:14px; color:#c4c3be; }.anatomy-view figcaption a { text-decoration:underline; }
.connection { border-left:3px solid var(--gold); padding:12px 24px; margin-top:30px; }.connection p { margin-bottom:0; color:#c4c3be; }
.symptoms-section { background:#111316; border-block:1px solid var(--line); }.symptom-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:32px; }.symptom-grid article { border-top:2px solid var(--gold); padding-top:24px; }.symptom-grid p { color:#c4c3be; }.symptom-grid a { color:var(--gold-bright); text-decoration:underline; font-size:14px; }
.fh-next { background:radial-gradient(ellipse at 0% 50%,#292212,transparent 80%); }.education-note { padding-top:28px; padding-bottom:28px; border-top:1px solid var(--line); font-size:14px; color:var(--muted); }.education-note p { max-width:100%; }.fh-footer { padding-top:24px; padding-bottom:24px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; font-size:14px; }
@media(max-width:700px) { .region-summary { grid-template-columns:1fr; gap:12px; }.pattern-count { padding:0 0 0 20px; }.pattern-count strong { font-size:54px; }.symptom-grid { grid-template-columns:1fr; gap:26px; }.figure-heading { padding:16px; flex-wrap:wrap; }.diagram { padding:6px; }.anatomy-view figcaption { padding:14px; }.fh-intro { padding-top:130px; }.view-controls button { padding:12px 18px; }.fh-jumps .button { width:100%; } }