:root{
  --navy-900:#0C1626;--navy-800:#122036;--navy:#122036;--navy-700:#17263c;
  --paper:#FBF8F1;--card:#FCF9F2;--ink:#1B2333;--ink-soft:#4A5468;
  --brass:#1C7C74;--brass-bright:#3FB0A6;--coral:#E1573F;--steel:#7FA8CF;
  --coral-hi:#E1573F;--steel-hi:#7FA8CF;--brass-hi:#D9A63F;--cream:#F5F0E6;--line:rgba(27,35,51,0.14);
  --fd:'Fraunces',Georgia,serif;--fb:'Instrument Sans',system-ui,sans-serif;--fm:'Spline Sans Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--fb);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
.nav{position:sticky;top:0;z-index:50;background:var(--navy-900);border-bottom:1px solid rgba(247,243,234,0.12);}
.nav-inner{max-width:1180px;margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:baseline;gap:10px;cursor:pointer;}
.brand-mark{font-family:var(--fd);font-weight:500;font-size:1.28rem;letter-spacing:.14em;color:var(--cream);}
.brand-mark .tick{color:var(--brass-bright);}
.nav-links{display:flex;gap:34px;align-items:center;}
.nav-link{font-family:var(--fm);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(245,240,230,0.68);padding:6px 0;border-bottom:1px solid transparent;white-space:nowrap;transition:.25s;}
.nav-link:hover,.nav-link.active{color:var(--cream);border-bottom-color:var(--brass-bright);}
/* Get in touch: quiet secondary action. Teal/brass is the one accent; the primary CTA lives in the hero. */
.nav-link[href="/feedback"]{border:1px solid rgba(245,240,230,0.26);color:rgba(245,240,230,0.82);padding:7px 18px;border-radius:999px;border-bottom:1px solid rgba(245,240,230,0.26)!important;transition:.2s;}
.nav-link[href="/feedback"]:hover,.nav-link[href="/feedback"].active{border-color:var(--brass-bright);color:var(--cream);border-bottom-color:var(--brass-bright)!important;}


.pagehead{position:relative;overflow:hidden;background:radial-gradient(70% 120% at 78% 30%, rgba(63,176,166,.09), transparent 70%),linear-gradient(158deg,var(--navy-900),var(--navy) 64%,var(--navy-800));border-bottom:1px solid var(--navy-700);}
.pagehead-inner{max-width:1180px;margin:0 auto;padding:36px 28px 28px;}
.ph-lockup{font-family:var(--fm);font-size:.84rem;letter-spacing:.06em;color:var(--brass-bright);}
.ph-lockup b{color:var(--cream);font-weight:600;letter-spacing:.12em;}
.ph-eyebrow{font-family:var(--fm);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-bright);margin-top:20px;}
.ph-eyebrow .step{color:var(--coral-hi);}
.pagehead h1{font-family:var(--fd);font-weight:400;font-style:italic;font-size:clamp(1.75rem,4.4vw,3.25rem);line-height:1.06;letter-spacing:-.01em;margin:2px 0 16px;max-width:20ch;color:var(--cream);background:linear-gradient(96deg,#FDFAF4 0%,#EFE9DB 52%,#D8D0BF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ph-lead p{font-size:.98rem;color:#C7D2E1;line-height:1.62;margin-bottom:9px;max-width:60ch;}
.ph-lead p:last-child{margin-bottom:0;}
.ph-lead strong{color:var(--cream);font-weight:600;}
.ph-sub{font-size:1.04rem;color:#C2CEDE;max-width:58ch;}
.ph-grid{display:grid;grid-template-columns:1.6fr 0.85fr;gap:44px;align-items:center;}
.ph-over{font-size:1.0rem;color:#C2CEDE;line-height:1.7;margin:14px 0 4px;max-width:66ch;}
.ph-what{font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright);margin:26px 0 14px;padding-top:22px;border-top:1px solid rgba(63,176,166,.22);max-width:66ch;}
.ph-what-list{list-style:none;margin:0;padding:0;max-width:66ch;}
.ph-what-list li{display:flex;gap:14px;align-items:baseline;color:#C2CEDE;font-size:.96rem;line-height:1.55;margin-bottom:11px;}
.ph-what-list .wl-n{font-family:var(--fm);font-size:.72rem;color:var(--brass-bright);letter-spacing:.05em;flex:none;}
.ph-what-list b{color:var(--cream);font-weight:600;}
.ph-map{display:flex;justify-content:center;}
.ph-map img{width:100%;max-width:250px;height:auto;}
@media(max-width:820px){.ph-grid{grid-template-columns:1fr;}.ph-map{max-width:200px;margin-top:8px;}}
.tabbar{background:#ECE4D1;border-top:1px solid rgba(27,35,51,0.10);border-bottom:1px solid rgba(27,35,51,0.10);padding:20px 0;scroll-margin-top:66px;}
.tabbar .wrap{text-align:center;}
.ph-what.on-light{color:var(--brass);border-top:1px solid rgba(27,35,51,0.14);max-width:660px;margin:30px auto 14px;padding-top:24px;text-align:left;}
.ph-what-list.on-light{max-width:660px;margin:0 auto;text-align:left;}
.ph-what-list.on-light li{color:var(--ink-soft);}
.ph-what-list.on-light .wl-n{color:var(--brass);}
.ph-what-list.on-light b{color:var(--ink);}
.ph-tabs-lead{font-family:var(--fm);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 14px;text-align:center;}
.view-head{margin-bottom:18px;}
.view-head h2{font-family:var(--fd);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--ink);letter-spacing:-.01em;}
.view-head p{color:var(--ink-soft);margin-top:8px;font-size:1.02rem;max-width:62ch;}
.ph-tabs-wrap{max-width:1180px;margin:20px auto 0;padding:24px 28px 34px;border-top:1px solid var(--navy-700);}
.ph-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;justify-content:flex-start;}
.ph-tab{font-family:var(--fm);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--cream);font-weight:600;padding:12px 22px;border:1.5px solid rgba(63,176,166,.5);border-radius:999px;background:transparent;cursor:pointer;transition:.2s;}
.ph-tab:hover{background:rgba(63,176,166,.14);border-color:var(--brass-bright);}
.ph-tab.active{background:var(--brass-bright);color:var(--navy-900);border-color:var(--brass-bright);box-shadow:0 4px 14px rgba(63,176,166,.35);}
.section{padding:40px 0;}
.section-head{margin-bottom:28px;max-width:64ch;}
.section-head .eyebrow{font-family:var(--fm);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:500;}
.section-head h2{font-family:var(--fd);font-variation-settings:'opsz' 120;font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--ink);margin-top:10px;letter-spacing:-.01em;}
.section-head p{color:var(--ink-soft);margin-top:12px;font-size:1.02rem;}
.tiles-3{grid-template-columns:repeat(3,1fr)!important;margin:16px 0 4px!important;}
.tiles-4{grid-template-columns:repeat(4,1fr)!important;margin:16px 0 4px!important;}
@media(max-width:640px){.tiles-4{grid-template-columns:repeat(2,1fr)!important;}}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(63,176,166,.20);border:1px solid rgba(63,176,166,.20);border-radius:12px;overflow:hidden;margin-bottom:24px;}
.tile{background:linear-gradient(180deg,#16273F,#132238);padding:16px;text-align:center;}
.tile .v{font-family:var(--fd);font-variation-settings:'opsz' 72;font-weight:500;font-size:1.35rem;color:var(--cream);line-height:1;}
.tile .l{font-family:var(--fm);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#8C9BB0;margin-top:8px;}
.tile .l b{color:var(--brass-bright);font-weight:500;}
.finding-note{border-left:2px solid var(--coral);background:rgba(232,103,79,.06);border-radius:0 8px 8px 0;padding:14px 18px;font-size:.98rem;color:var(--ink);margin-bottom:22px;}
.finding-note b{color:var(--coral);}
.explorer{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 20px;}
.exp-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px;}
.choose-lbl{font-family:var(--fm);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:12px;}
.country-btn{display:inline-flex;align-items:center;font-family:var(--fm);font-size:.84rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:14px 26px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:.2s;}
.country-btn .cdot{width:10px;height:10px;border-radius:50%;margin-right:10px;flex:none;}
.country-btn:hover{border-color:var(--brass);}
.exp-caption{font-family:var(--fm);font-size:.7rem;color:var(--ink-soft);margin:2px 0 16px;}
.chart-body{position:relative;width:100%;height:400px;}
.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.exp-single{display:block;}
.exp-cap-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:6px;}
.actor-pick{font-family:var(--fm);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:10px;white-space:nowrap;}
.actor-pick select{font-family:var(--fb);font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--card);border:1.5px solid var(--brass);border-radius:8px;padding:8px 30px 8px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23AE8C3E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;}
.actor-pick select:hover{border-color:var(--brass-bright);}
.exp-panel{min-width:0;}
.keyfind{font-family:var(--fm);font-size:.92rem;color:var(--ink);background:rgba(28,124,116,.08);border:1px solid rgba(28,124,116,.32);border-radius:9px;padding:12px 16px;margin:4px 0 16px;}
.keyfind b{color:var(--brass);}
.timecard{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);}
.time-note{font-family:var(--fm);font-size:.68rem;color:var(--ink-soft);margin-top:10px;}
.time-key{margin-top:14px;display:flex;flex-direction:column;gap:6px;}
.time-key .tk-lead{font-family:var(--fm);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:2px;}
.time-key .tk-item{display:flex;gap:9px;align-items:baseline;font-size:.86rem;color:var(--ink-soft);}
.time-key .tk-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--brass);color:#fff;font-family:var(--fm);font-size:.6rem;font-weight:600;flex:none;transform:translateY(2px);}
.cd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:4px;}
.cd-legend{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--fm);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}
.cd-legend span{display:inline-flex;align-items:center;gap:6px;}
.cd-legend i{width:10px;height:10px;border-radius:50%;}
#issueChart{width:100%;height:auto;display:block;margin-top:4px;}
.verdict{font-family:var(--fm);font-size:.8rem;margin-top:12px;padding:10px 14px;border-radius:8px;line-height:1.5;}
.verdict.conv{background:rgba(28,124,116,.08);border:1px solid rgba(28,124,116,.3);color:var(--brass);}
.verdict.div{background:rgba(225,87,63,.07);border:1px solid rgba(225,87,63,.32);color:#B0432F;}
.tchips-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 10px;}
.tchips-lead{font-family:var(--fm);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);}
.tpreset{font-family:var(--fm);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--card);border:1px solid var(--brass);border-radius:999px;padding:5px 13px;cursor:pointer;transition:.15s;}
.tpreset:hover{background:rgba(28,124,116,.12);}
.tchips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;}
.tchip{display:inline-flex;align-items:center;gap:7px;font-family:var(--fb);font-size:.78rem;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;opacity:.55;transition:.15s;}
.tchip:hover{opacity:.85;}
.tchip.on{opacity:1;color:var(--ink);border-color:var(--brass);}
.tchip .dot{width:9px;height:9px;border-radius:50%;flex:none;}
.summary{margin-top:26px;font-size:1.0rem;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px;max-width:82ch;line-height:1.6;}
@media(max-width:820px){.exp-grid{grid-template-columns:1fr;}}
.hook{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:.74rem;color:var(--steel);text-decoration:none;padding:10px 16px;border:1px dashed var(--steel);border-radius:9px;transition:.2s;}
.hook:hover{background:rgba(94,127,166,.08);border-style:solid;}
.honesty{margin-top:24px;display:flex;gap:12px;align-items:flex-start;font-family:var(--fm);font-size:.74rem;color:var(--ink-soft);line-height:1.7;max-width:80ch;}
.honesty .d{color:var(--brass);flex-shrink:0;}
.footer{background:var(--navy-900);color:#AEBCCE;padding:44px 0 40px;border-top:1px solid var(--navy-700);}
.footer-inner{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:flex-end;}
.footer .brand-mark{color:var(--cream);}
.footer p{font-family:var(--fm);font-size:.72rem;line-height:1.9;max-width:46ch;}
.footer .muted{color:#7688A0;}
.brand-tag{font-family:var(--fm);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);}
.cmp{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start;margin-bottom:26px;}
.section-lede{font-family:var(--fd);font-variation-settings:'opsz' 40;font-size:1.24rem;color:var(--ink);line-height:1.35;margin-bottom:18px;max-width:34ch;}
.readcues{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.cue{font-family:var(--fm);font-size:.78rem;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:11px 15px;display:inline-flex;align-items:center;gap:10px;}
.cue .ar{color:var(--coral);font-weight:600;font-size:1.05rem;line-height:1;}
.matrix-note{font-family:var(--fm);font-size:.72rem;color:var(--ink-soft);line-height:1.6;}
.mapcard{background:linear-gradient(180deg,#182B47,#14243C);border:1px solid var(--navy-700);border-radius:16px;padding:20px;}
.mapcard .mp-title{font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright);margin-bottom:8px;}
.isles{display:block;width:100%;max-width:250px;margin:2px auto 6px;}
.map-legend{display:flex;flex-direction:column;gap:7px;font-family:var(--fm);font-size:.72rem;color:#C2CEDE;margin-top:6px;}
.map-legend span{display:inline-flex;align-items:center;gap:9px;}
.ldot{width:10px;height:10px;border-radius:2px;display:inline-block;}
.ldot.eng{background:var(--coral-hi);}
.ldot.sco{background:var(--steel-hi);}
.ldot.ire{background:var(--brass-hi);}
.mapcard .cap{font-family:var(--fm);font-size:.62rem;color:#7688A0;text-align:center;margin-top:10px;}
.matrix-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;overflow-x:auto;}
table.matrix{border-collapse:collapse;width:100%;min-width:540px;}
table.matrix th{font-family:var(--fm);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;padding:0 0 14px;text-align:center;}
table.matrix th.rowh{text-align:left;}
td.rowh{font-family:var(--fb);font-size:.9rem;font-weight:500;color:var(--ink);text-align:left;padding:3px 18px 3px 0;white-space:nowrap;}
td.pad{width:8px;}
td.cell{font-family:var(--fm);font-size:.84rem;font-weight:500;text-align:center;height:42px;min-width:80px;border-radius:6px;}
td.cell.absent{color:var(--ink-soft);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(90,107,128,.07) 5px,rgba(90,107,128,.07) 10px);}
.mkey{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:16px;font-family:var(--fm);font-size:.7rem;color:var(--ink-soft);}
.mkey span{display:inline-flex;align-items:center;gap:8px;}
.chip-c{width:12px;height:12px;border-radius:3px;display:inline-block;}
.chip-c.eng{background:var(--coral);}
.chip-c.sco{background:var(--steel);}
.chip-c.ire{background:var(--brass);}
.registers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;}
.reg{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;position:relative;overflow:hidden;}
.reg::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;}
.reg.eng::before{background:var(--coral);}
.reg.sco::before{background:var(--steel);}
.reg.ire::before{background:var(--brass);}
.reg .nation{font-family:var(--fm);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);}
.reg h3{font-family:var(--fd);font-variation-settings:'opsz' 72;font-weight:500;font-size:1.32rem;color:var(--ink);margin:10px 0 12px;line-height:1.15;}
.reg .narr{font-size:.94rem;color:var(--ink-soft);margin-bottom:14px;}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;}
.tag{font-family:var(--fm);font-size:.66rem;letter-spacing:.03em;padding:4px 10px;border-radius:20px;background:var(--paper);border:1px solid var(--line);color:var(--ink);}
.reg-foot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:14px;border-top:1px dashed var(--line);font-family:var(--fm);font-size:.7rem;color:var(--ink-soft);}
.conf{display:inline-flex;align-items:center;gap:6px;}
.dots{display:inline-flex;gap:3px;}
.dots i{width:7px;height:7px;border-radius:50%;border:1px solid var(--brass);display:inline-block;}
.dots i.on{background:var(--brass);}
.sameword{background:var(--navy);color:var(--cream);border-radius:18px;padding:30px 30px 26px;margin-bottom:30px;}
.sameword .k{font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright);margin-bottom:6px;}
.sameword h3{font-family:var(--fd);font-variation-settings:'opsz' 72;font-weight:500;font-size:1.5rem;color:var(--cream);margin-bottom:20px;}
.sameword h3 em{font-style:italic;color:var(--coral-hi);}
.sw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.sw{border-top:2px solid;padding-top:14px;}
.sw.eng{border-color:var(--coral-hi);}
.sw.sco{border-color:var(--steel-hi);}
.sw.ire{border-color:var(--brass-hi);}
.sw .n{font-family:var(--fm);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#8C9BB0;margin-bottom:6px;}
.sw .m{font-family:var(--fd);font-variation-settings:'opsz' 40;font-size:1.14rem;color:var(--cream);line-height:1.3;}
.sw-foot{font-family:var(--fm);font-size:.76rem;color:#AEBCCE;margin-top:20px;}
.handoff{background:linear-gradient(158deg,var(--navy-800),var(--navy-900));border:1px solid var(--navy-700);border-radius:18px;padding:36px 32px;text-align:center;}
.handoff .k{font-family:var(--fm);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright);margin-bottom:10px;}
.handoff h3{font-family:var(--fd);font-variation-settings:'opsz' 72;font-weight:500;font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--cream);max-width:44ch;margin:0 auto 6px;line-height:1.3;}
.handoff .sub{font-family:var(--fm);font-size:.74rem;color:#8C9BB0;margin-bottom:22px;}
.btn{font-family:var(--fm);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:13px 24px;border-radius:9px;display:inline-block;background:var(--coral);color:var(--navy-900);font-weight:600;transition:.2s;}
.btn:hover{transform:translateY(-2px);background:var(--coral-hi);}
@media (max-width:880px){.tiles{grid-template-columns:repeat(2,1fr);}.section{padding:44px 0;}}
@media (max-width:880px){.cmp{grid-template-columns:1fr;}.section{padding:44px 0;}}
@media (max-width:880px){.registers,.sw-grid{grid-template-columns:1fr;}.section{padding:44px 0;}}
/* view toggle */
.view{display:none}
.view.active{display:block}
.ph-tab{background:transparent;cursor:pointer;}


/* Feedback nav CTA */
.nav-link[href="trace_feedback.html"]{background:var(--brass-bright);color:var(--navy-900)!important;padding:8px 18px;border-radius:999px;border-bottom:none!important;font-weight:600;}
.nav-link[href="trace_feedback.html"]::after{display:none!important;}
.nav-link[href="trace_feedback.html"]:hover{background:var(--brass);color:var(--navy-900)!important;}

/* ============ hierarchy additions ============ */
/* dropdown nav */
.nav-item{position:relative;display:flex;align-items:center;}
.nav-item.has-menu>.nav-link{cursor:pointer;}
/* Feedback is an invitation, not a section: teal so it reads as the one thing to do here. */
.nav-link[href="/feedback"]{color:var(--teal-light,#93E0D0);}
.nav-link[href="/feedback"]:hover,.nav-link[href="/feedback"].active{color:#BFF0E4;}
.dropdown{position:absolute;top:100%;left:0;padding-top:14px;display:flex;flex-direction:column;min-width:238px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:60;}
.dropdown-inner{background:var(--navy-800);border:1px solid var(--navy-700);border-radius:11px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 16px 34px rgba(0,0,0,.4);}
.nav-item.has-menu:hover .dropdown,.nav-item.has-menu:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{font-family:var(--fm);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,240,230,.78);text-decoration:none;padding:11px 13px;border-radius:7px;white-space:nowrap;transition:.15s;border-bottom:none;}
.dropdown a:hover{background:rgba(63,176,166,.16);color:var(--cream);}
.dropdown a.active{color:var(--brass-bright);}
.caret{font-size:.6em;margin-left:5px;opacity:.85;}
/* landing cards */
.nav-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ncard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 24px;text-decoration:none;color:inherit;transition:.2s;position:relative;overflow:hidden;}
.ncard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brass-bright);transform:scaleX(0);transform-origin:left;transition:.25s;}
.ncard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,32,54,.12);border-color:rgba(63,176,166,.4);}
.ncard:hover::before{transform:scaleX(1);}
.ncard .nc-n{font-family:var(--fm);font-size:.72rem;color:var(--brass);letter-spacing:.06em;}
.ncard h3{font-family:var(--fd);font-weight:500;font-size:1.28rem;color:var(--ink);margin:12px 0 8px;line-height:1.2;}
.ncard p{color:var(--ink-soft);font-size:.95rem;flex:1;}
.ncard .go{font-family:var(--fm);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin-top:18px;}
@media(max-width:820px){.nav-cards{grid-template-columns:1fr;}}
/* method & sources */
.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px;}
.ms{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;}
.ms h3{font-family:var(--fd);font-weight:500;font-size:1.18rem;color:var(--ink);margin-bottom:10px;}
.ms p{color:var(--ink-soft);font-size:.96rem;}
@media(max-width:820px){.ms-grid{grid-template-columns:1fr;}}
/* sub-page head */
.crumb{font-family:var(--fm);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8fa0b5;margin-bottom:14px;}
.crumb a{color:var(--brass-bright);text-decoration:none;}
.crumb a:hover{text-decoration:underline;}
.sub-h1{font-family:var(--fd);font-weight:400;font-style:italic;font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--cream);line-height:1.08;margin-bottom:10px;
  background:linear-gradient(96deg,#FDFAF4 0%,#EFE9DB 52%,#D8D0BF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.sub-lead{font-size:1.0rem;color:#C7D2E1;max-width:64ch;}
.ph-tab{text-decoration:none;}

/* ============ How TRACE works — method stages ============ */
.mstages{margin-top:30px;}
.mstage{display:grid;grid-template-columns:64px 1fr;gap:0 30px;padding:40px 0;border-top:1px solid var(--line);}
.mstage:first-child{border-top:none;padding-top:8px;}
.mstage .mk{position:relative;}
.mstage .mk .num{font-family:var(--fd);font-weight:500;font-size:2.4rem;color:var(--ink);line-height:1;}
.mstage .mk .steps{font-family:var(--fm);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-top:8px;white-space:nowrap;}
.mstage .mk::after{content:"";position:absolute;left:11px;top:74px;bottom:-40px;width:1px;background:var(--line);}
.mstage:last-child .mk::after{display:none;}
.mstage h3{font-family:var(--fd);font-weight:500;font-size:1.32rem;color:var(--ink);line-height:1.25;}
.mstage .mbody{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:18px;}
.mstage p{color:var(--ink-soft);font-size:.97rem;}
.mstage p+p{margin-top:10px;}
.mstage em{font-style:normal;color:var(--ink);font-weight:600;}
.mviz{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 16px 12px;}
.mviz svg{width:100%;height:auto;display:block;}
.mcap{font-family:var(--fm);font-size:.62rem;color:var(--ink-soft);text-align:center;margin-top:8px;letter-spacing:.03em;}
.mviz .t14{font-family:var(--fb);font-size:13px;font-weight:600;fill:var(--ink);}
.mviz .t12{font-family:var(--fb);font-size:12px;fill:var(--ink-soft);}
.mviz .tm{font-family:var(--fm);font-size:10px;fill:#8792a3;}
@media(max-width:820px){.mstage{grid-template-columns:1fr;gap:10px;}.mstage .mk{display:flex;align-items:baseline;gap:12px;}.mstage .mk::after{display:none;}.mstage .mbody{grid-template-columns:1fr;gap:16px;}}

/* ============ Insights-first (Framed) ============ */
.ins-head{margin:6px 0 30px;max-width:64ch;}
.ins-eyebrow{font-family:var(--fm);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:12px;}
.ins-finding{font-family:var(--fb);font-weight:600;font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;max-width:20ch;}
.ins-lead{font-size:1.05rem;color:var(--ink-soft);max-width:58ch;}
.fig-h{font-family:var(--fd);font-variation-settings:'opsz' 120;font-weight:500;font-size:clamp(1.4rem,2.4vw,1.85rem);color:var(--ink);letter-spacing:-.01em;line-height:1.15;margin-bottom:10px;}
.fig-over{font-size:1.02rem;line-height:1.72;color:var(--ink-soft);max-width:72ch;margin-bottom:22px;}
.fig-over b{color:var(--ink);font-weight:600;}
.figblk{background:#FEFCF7;border:1px solid var(--line);border-radius:14px;padding:26px 28px 22px;margin-bottom:28px;box-shadow:0 1px 2px rgba(27,35,51,.04),0 10px 26px rgba(27,35,51,.05);}
.figblk .fe{font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);}
.figblk .fe b{color:var(--ink-faint,#8792a3);font-weight:400;}
.ilead{font-family:var(--fd);font-weight:500;font-size:1.4rem;line-height:1.2;color:var(--ink);margin:8px 0 20px;max-width:38ch;}
.ilead b{font-weight:500;color:var(--brass);}
.take{margin-top:18px;padding:13px 16px;background:#F1EBDD;border-radius:9px;font-size:.95rem;color:var(--ink);}
.take b{color:var(--brass);}
/* issue explorer */
.ie-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.ie-chip{font-family:var(--fm);font-size:.72rem;letter-spacing:.03em;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--ink-soft);}
.ie-chip.on{background:var(--navy-900);color:var(--cream);border-color:var(--navy-900);}
.ie-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ie-col{border-top:2px solid var(--c);padding-top:13px;}
.ie-col h4{font-family:var(--fm);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:var(--c);}
.ie-datatag{font-family:var(--fm);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint,#8792a3);margin:14px 0 5px;}
.ie-topic{margin-bottom:10px;}
.ie-topic .tn{font-size:.9rem;margin-bottom:4px;color:var(--ink);}
.ie-tbar{height:6px;border-radius:3px;background:var(--c);opacity:.85;}
.ie-terms{font-family:var(--fm);font-size:.72rem;color:var(--ink-soft);margin-top:2px;}
.ie-driver{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--fm);font-size:.74rem;color:var(--ink);background:#F1EBDD;border:1px solid var(--line);border-radius:999px;padding:6px 12px;}
.ie-driver .dl{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint,#8792a3);}
.ie-driver::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);}
.ie-absent{font-size:.9rem;color:var(--ink-faint,#8792a3);font-style:italic;padding:4px 0;}
.ie-synth{grid-column:1/-1;margin-top:18px;padding:15px 18px;background:var(--navy-900);color:#EEF1F0;border-radius:9px;font-size:.98rem;line-height:1.5;}
.ie-synth .rl{font-family:var(--fm);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-bright);display:block;margin-bottom:6px;}
.ins-notes{font-family:var(--fm);font-size:.72rem;line-height:1.7;color:var(--ink-faint,#8792a3);border-top:1px solid var(--line);padding-top:20px;margin-top:12px;}
.ins-notes b{color:var(--ink-soft);font-weight:600;}
@media(max-width:820px){.ie-cols{grid-template-columns:1fr;}}

/* ============ Insights-first figures (Explore) ============ */
.ins-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;}
.ins-stat{border:1px solid var(--line);border-left:4px solid var(--c);border-radius:11px;padding:19px;}
.ins-stat .big{font-family:var(--fd);font-weight:500;font-size:2rem;line-height:1;color:var(--c);margin-bottom:8px;}
.ins-stat .cap{font-size:.86rem;color:var(--ink-soft);}
.ins-stat .cap b{color:var(--ink);}
.ins-cue{font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint,#8792a3);margin-top:22px;}
@media(max-width:820px){.ins-stats{grid-template-columns:1fr;}}
/* voices */
.voices{display:flex;flex-direction:column;gap:14px;}
.vrow{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;align-items:center;}
.vkey{grid-column:2;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-family:var(--fm);font-size:.63rem;letter-spacing:.03em;color:var(--ink-soft);}
.vkey span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.vkey .sw{width:9px;height:9px;border-radius:2px;flex:0 0 auto;}
.vlabel{font-family:var(--fm);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--ink);align-self:center;}
.vdot{width:9px;height:9px;border-radius:50%;}
.vbar{display:flex;height:28px;border-radius:6px;overflow:hidden;border:1px solid rgba(27,35,51,.1);}
.vseg{display:flex;align-items:center;padding-left:9px;font-family:var(--fm);font-size:.62rem;color:#fff;white-space:nowrap;overflow:hidden;min-width:0;}
.vseg.light{color:var(--ink);}
.vlegend{display:flex;flex-wrap:wrap;gap:13px;margin-top:15px;font-family:var(--fm);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);}
.vlegend span{display:flex;align-items:center;gap:6px;}
.vsw{width:11px;height:11px;border-radius:3px;display:inline-block;}
/* dumbbell */
.db-legend{display:flex;gap:20px;margin-bottom:14px;font-family:var(--fm);font-size:.74rem;color:var(--ink);font-weight:600;}
.db-legend span{display:flex;align-items:center;gap:8px;}
.db-legend i{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(27,35,51,.12);}
.db-axis{display:grid;grid-template-columns:190px 1fr 84px;gap:16px;align-items:center;font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;color:var(--ink-faint,#8792a3);text-transform:uppercase;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.db-axis .ticks{display:flex;justify-content:space-between;}
.db-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px 1fr 84px;gap:16px;align-items:center;padding:13px 0;}
.db-cat{font-size:.9rem;color:var(--ink);}
.db-track{position:relative;height:22px;}
.db-track .rail{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line);}
.db-bar{position:absolute;top:50%;height:3px;transform:translateY(-50%);background:rgba(27,35,51,.14);border-radius:2px;}
.db-pt{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--card);box-shadow:0 0 0 1px rgba(27,35,51,.12);}
.db-vals{font-family:var(--fm);font-size:.72rem;text-align:right;color:var(--ink-soft);}
@media(max-width:820px){.vrow,.db-row,.db-axis{grid-template-columns:1fr;}.db-vals{text-align:left;}}

/* ============ Method: pipeline strip + technical note ============ */
.pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px;}
.pstep{background:#FEFCF7;border:1px solid var(--line);border-radius:12px;padding:18px 16px;box-shadow:0 1px 2px rgba(27,35,51,.04),0 8px 20px rgba(27,35,51,.045);}
.pstep-fig{height:44px;margin-bottom:12px;display:flex;align-items:center;}
.pstep-fig svg{height:44px;width:auto;}
.pstep-num{font-family:var(--fm);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);}
.pstep-name{font-family:var(--fd);font-weight:500;font-size:1.05rem;color:var(--ink);margin:5px 0 8px;line-height:1.15;}
.pstep-desc{font-size:.84rem;color:var(--ink-soft);line-height:1.5;}
.ptrust{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);}
.ptrust p{font-size:.95rem;color:var(--ink-soft);max-width:62ch;margin:0;}
.pnote-btn{font-family:var(--fm);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--cream);background:var(--navy-900);border-radius:999px;padding:12px 22px;white-space:nowrap;transition:.2s;}
.pnote-btn:hover{background:var(--navy-800);}
@media(max-width:900px){.pipe{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.pipe{grid-template-columns:1fr;}}
/* technical note document */
.tn-doc{max-width:820px;}
.tn-doc h2{font-family:var(--fd);font-weight:500;font-size:1.3rem;color:var(--ink);margin:32px 0 10px;padding-top:24px;border-top:1px solid var(--line);}
.tn-doc h2:first-of-type{border-top:none;padding-top:6px;}
.tn-doc h2 .n{font-family:var(--fm);font-size:.82rem;color:var(--brass);margin-right:12px;}
.tn-doc p{color:var(--ink-soft);font-size:1.0rem;line-height:1.72;margin-bottom:12px;max-width:74ch;}
.tn-doc p b{color:var(--ink);font-weight:600;}

/* explore-issues: rationale lead-in + per-country register cards */
.ins-rationale{max-width:780px;margin:0 0 48px;}
.ins-rationale h2{font-family:var(--fd);font-weight:400;font-size:clamp(1.5rem,2.7vw,2.05rem);color:var(--ink);line-height:1.2;margin-bottom:14px;letter-spacing:-.01em;}
.ins-rationale p{font-size:1.05rem;line-height:1.78;color:var(--ink-soft);}
.whatreg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.whatreg-card{background:#FEFCF7;border:1px solid rgba(27,35,51,.12);border-top:3px solid var(--c);border-radius:12px;padding:22px 20px;}
.whatreg-card h4{font-family:var(--fd);font-weight:500;font-size:1.1rem;color:var(--ink);margin-bottom:10px;line-height:1.28;}
.whatreg-card h4 span{color:var(--c);font-weight:500;}
.whatreg-card p{font-size:.9rem;line-height:1.65;color:var(--ink-soft);margin:0;}
@media(max-width:820px){.whatreg{grid-template-columns:1fr;}}

/* explore-issues: rationale lead-in inside the navy hero */
.ph-rationale{margin-top:14px;max-width:76ch;}
.ph-rationale h2{font-family:var(--fd);font-weight:500;font-size:clamp(1.15rem,2vw,1.45rem);color:var(--cream);margin-bottom:10px;letter-spacing:-.01em;}
.ph-rationale p{font-size:.98rem;line-height:1.72;color:#C7D2E1;}

/* explore-issues: section = heading + overview OUTSIDE the figure card, interpretation below */
.figsec{margin-bottom:40px;}
.figsec .figblk{margin-bottom:0;}
.figsec .take{margin-top:16px;}

/* ── mobile menu ─────────────────────────────────────────────────────────── */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  padding:10px;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.nav-burger span{display:block;height:2px;width:100%;background:var(--cream);border-radius:2px;
  transition:transform .25s var(--ease),opacity .2s;}
.nav-burger:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px;border-radius:6px;}

@media (max-width:880px){
  .nav-inner{flex-wrap:wrap;row-gap:0;padding:14px 20px;}
  .nav-burger{display:flex;}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;
    padding:10px 0 16px;border-top:1px solid rgba(247,243,234,.1);margin-top:14px;}
  .nav-links.open{display:flex;}
  .nav-link{font-size:.7rem;padding:14px 2px;width:100%;border-bottom:none;}
  .nav-link.active{color:var(--cream);}

  /* the Compare submenu: inline, always open, no hover needed on touch */
  .nav-item{display:block;width:100%;}
  .nav-item.has-menu>.nav-link .caret{display:none;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;padding-top:0;min-width:0;}
  .dropdown-inner{background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 6px 16px;gap:0;}
  .dropdown a{padding:11px 2px;font-size:.62rem;}

  /* the Feedback pill shouldn't stretch full width */
  .nav-link[href="/feedback"]{align-self:flex-start;width:auto;margin-top:12px;padding:10px 20px;}
}

/* ===== explore-issues redesign (mockup port) ===== */
/* numbered evidence eyebrow */
.ev-eyebrow{font-family:var(--fm);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.ev-eyebrow .tick{width:30px;height:2px;background:var(--brass);display:inline-block;flex:0 0 auto;}
.ev-eyebrow .num{color:var(--coral);font-weight:600;}
/* restructured stat cards */
.ins-stat{text-align:left;}
.ins-stat .cty{font-family:var(--fm);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c);font-weight:600;margin-bottom:9px;}
.ins-stat .pct{font-family:var(--fd);font-weight:500;font-size:2.3rem;line-height:1;color:var(--c);}
.ins-stat .pct small{font-family:var(--fb);font-size:.7rem;font-weight:500;color:var(--ink-soft);margin-left:7px;letter-spacing:0;}
.ins-stat .topic{font-weight:700;font-size:1rem;color:var(--ink);margin-top:9px;}
.ins-stat .desc{font-size:.85rem;color:var(--ink-soft);margin-top:4px;line-height:1.5;}
/* dumbbell aligned value columns */
.db-axis,.db-row{grid-template-columns:180px 1fr 122px;}
.db-vhead{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:right;}
.db-vhead span:nth-child(1){color:#E1573F;}.db-vhead span:nth-child(2){color:#4A7297;}.db-vhead span:nth-child(3){color:#9A7B1E;}
.db-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:right;font-family:var(--fm);font-size:.72rem;}
.db-vals .ve{color:#E1573F;}.db-vals .vs{color:#4A7297;}.db-vals .vi{color:#9A7B1E;}
/* voices: flex bars with labels + source table */
.vbar{gap:2px;background:#FBF8F1;height:32px;}
.vseg{padding:0 8px;justify-content:flex-start;}
.srcwrap{overflow-x:auto;}
.srctable{margin-top:22px;width:100%;border-collapse:collapse;font-family:var(--fm);font-size:.72rem;}
.srctable th,.srctable td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;}
.srctable th:first-child,.srctable td:first-child{text-align:left;font-family:var(--fb);font-weight:600;color:var(--ink);}
.srctable thead th{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;}
.srctable td{color:var(--ink-soft);}
.srctable td.max{font-weight:700;color:var(--ink);background:rgba(28,124,116,.12);}
/* evidence-02 banded chapter */
.ev-band{background:#EFE9DC;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.ev-band .figsec{margin-bottom:0;}
/* labelled takeaway landmark */
.take{padding:16px 20px;border-left:4px solid var(--brass);border-radius:0 10px 10px 0;}
.take .tk{font-family:var(--fm);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;}
.take p{font-size:.95rem;line-height:1.6;margin:0;}
.ev-band .take{border-left-color:var(--coral);}

/* ===== premium upgrades (adapted to TRACE tokens) ===== */
:root{--ease:cubic-bezier(.22,1,.36,1);}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.in{opacity:1;transform:none;}
/* finding cards: staggered + hover lift */
.finding-card:nth-child(2){transition-delay:.08s;}
.finding-card:nth-child(3){transition-delay:.16s;}
.finding-card{transition:opacity .7s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease);}
.finding-card:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(12,22,38,.06),0 18px 36px -18px rgba(12,22,38,.28);}
/* hero glow + grain + staggered load */
.ph-hero .pagehead-inner{position:relative;z-index:1;}
.ph-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E");}
.ph-hero .fade{opacity:0;transform:translateY(16px);animation:heroRise .9s var(--ease) forwards;}
.ph-hero .fade:nth-child(2){animation-delay:.12s;}
.ph-hero .fade:nth-child(3){animation-delay:.24s;}
@keyframes heroRise{to{opacity:1;transform:none;}}
/* takeaway: inverted navy card, pull-quote, chips */
.takeaway{position:relative;overflow:hidden;margin-top:18px;background:var(--navy-900);color:var(--cream);border-radius:12px;padding:34px 38px 30px;box-shadow:0 4px 20px rgba(12,22,38,.16),0 20px 48px rgba(12,22,38,.14);}
.takeaway[data-accent="teal"]{--tk-rule:var(--brass-bright);}
.takeaway[data-accent="coral"]{--tk-rule:var(--coral);}
.takeaway::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--tk-rule);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease) .2s;}
.takeaway.in::before{transform:scaleY(1);}
.takeaway::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 90% at 100% 0%, rgba(63,176,166,.12), transparent 60%);}
.takeaway>*{position:relative;z-index:1;}
.tk-eyebrow{font-family:var(--fm);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-bright);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.tk-eyebrow::after{content:"";width:44px;height:1px;background:var(--brass);}
.tk-lead{font-family:var(--fd);font-style:italic;font-weight:400;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.35;letter-spacing:-.005em;color:var(--cream);max-width:54ch;margin-bottom:14px;}
.tk-lead em{font-style:italic;color:var(--brass-bright);}
.tk-body{font-size:.95rem;line-height:1.7;color:rgba(245,240,230,.72);max-width:72ch;margin-bottom:20px;}
.tk-chips{display:flex;flex-wrap:wrap;gap:9px;}
.tk-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:.72rem;color:var(--cream);background:rgba(245,240,230,.06);border:1px solid rgba(245,240,230,.16);border-radius:999px;padding:7px 13px;transition:transform .3s var(--ease),border-color .3s,background .3s;}
.tk-chip:hover{transform:translateY(-2px);border-color:var(--brass-bright);background:rgba(63,176,166,.14);}
.tk-chip .tk-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;}
.tk-chip b{font-weight:500;color:var(--brass-bright);}
/* dumbbell interactivity */
.db-legend button{display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:5px;transition:background .2s;font:inherit;color:inherit;}
.db-legend button:hover,.db-legend button:focus-visible{background:rgba(27,35,51,.06);outline:none;}
.db-rows:hover .db-row:not(:hover){opacity:.34;}
.db-row{transition:opacity .25s,background .25s;border-radius:6px;margin:0 -8px;padding-left:8px;padding-right:8px;}
.db-row:hover{background:var(--paper);}
.db-pt{transition:transform .3s var(--ease),opacity .25s;}
.db-row:hover .db-pt{transform:translate(-50%,-50%) scale(1.3);}
body.hl-eng .db-pt:not(.pt-eng),body.hl-sco .db-pt:not(.pt-sco),body.hl-ire .db-pt:not(.pt-ire){opacity:.18;}
body.hl-eng .pt-eng,body.hl-sco .pt-sco,body.hl-ire .pt-ire{transform:translate(-50%,-50%) scale(1.4);}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important;}
  .reveal{opacity:1;transform:none;}
  .ph-hero .fade{opacity:1;transform:none;animation:none;}
}

/* footer institutional logos */
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.footer-logos{display:flex;gap:30px;align-items:center;}
.footer-logo{width:auto;display:block;opacity:.96;}
.footer-logo-gc{height:64px;}
@media(max-width:560px){.footer-right{align-items:flex-start;} .footer-logo-gc{height:48px;}}