@font-face{font-family:Manrope;src:url(fonts/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#10121b;--surface:#191c29;--edge:#35394b;--text:#f0eff8;--muted:#b2b5c8;--accent:#c6bbff;--mint:#a1ddc4;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 6%,#211f352e,transparent 47%),var(--bg);color:var(--text);font:500 15px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,summary,select{cursor:pointer}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}header{border-bottom:1px solid #2b2d3b;background:#12141f}.mast{height:65px;display:flex;align-items:center;gap:42px}.brand,.mark,nav,.sim,.btn,.primary,.tab,.linkbtn,.metriclabel,.cardtop,.spread,.signal,.eyebrow{display:flex;align-items:center}.brand{gap:9px;white-space:nowrap;font-size:21px;font-weight:800;letter-spacing:-1.1px}.mark{align-items:center;gap:3px;height:28px}.mark i{display:block;background:var(--accent);width:4px;border-radius:2px;height:12px}.mark i:nth-child(2){height:24px}.mark i:nth-child(3){height:16px}.mark i:last-child{height:8px}nav{gap:5px}nav a,.tab{border-radius:7px;font-size:13px;color:var(--muted);padding:8px 13px;font-weight:650}nav a.on,.tab.on{color:#d8d1ff;background:#2c293f}nav a:hover,.tab:hover,.btn:hover{background:#292c3b;color:white}.sim,.tag{display:inline-flex;gap:5px;align-items:center;border-radius:20px;padding:4px 10px;background:#1c2928;color:var(--mint);font-size:11px;font-weight:700}.sim{margin-left:auto;white-space:nowrap;border:1px solid #344541}.sim i,.pin,.signal i,.hero .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block}.pin{box-shadow:0 0 8px #8fe9c7}.top,.sectionhead,.cardtop,.spread,footer,.barrow,.details div{display:flex;align-items:center;justify-content:space-between;gap:12px}.top{padding:23px 0 16px}.top>div{display:flex;flex-direction:column-reverse;gap:2px}.eyebrow,.chartnote,.mapkey,.hint{font-size:12px;color:var(--muted)}h1,h2,h3,p,figure,dl,dd{margin:0}h1{font-size:clamp(27px,3.5vw,40px);line-height:1.2;letter-spacing:-1.7px}h2{font-size:21px;line-height:1.25;letter-spacing:-.7px}h3{font-size:16px}.btn,.primary,.tab,.linkbtn{justify-content:center;gap:8px;border-radius:7px;font-weight:700;font-size:13px;width:fit-content}.btn,.tab{border:1px solid var(--edge);padding:9px 14px;background:#1c1f2d}.primary{padding:10px 15px;background:var(--accent);border:1px solid transparent;color:#211d35}.primary:hover{background:#ddd6ff}.linkbtn{color:var(--accent);padding:5px 0}.linkbtn:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:18px;border:1px solid #49445e;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 72% 70%,#40375988,transparent 59%),linear-gradient(105deg,#20202e,#25233a 76%,#202536)}.herotext{padding:19px 0 19px 24px}.hero .eyebrow,.action .eyebrow,.chartnote,.mapkey{font:600 10px/1.5 var(--mono);letter-spacing:.9px;text-transform:uppercase}.hero .eyebrow{color:#d0c9f4;gap:8px}.hero .eyebrow i{background:var(--accent)}.hero h2{font-size:clamp(27px,3.3vw,44px);line-height:1.03;letter-spacing:-1.8px;margin:9px 0}.hero h2 strong{color:var(--accent)}.hero p{color:#c7c7d8;max-width:530px;font-size:14px}.hero .linkbtn{margin-top:4px}.hero figure{margin-right:23px;background-image:linear-gradient(#b7acf409 1px,transparent 1px),linear-gradient(90deg,#b7acf409 1px,transparent 1px);background-size:24px 24px;padding:4px 8px}.hero figcaption{font-size:12px;color:#d3cfe6;display:flex;align-items:center;gap:8px}.hero figcaption b{margin-left:auto;font-size:11px}.hero img{display:block;width:100%;height:116px;object-fit:contain}.mapkey{font-size:9px;text-align:right}.mapkey span{color:var(--mint)}.sectionhead{margin:17px 0 9px}.sectionhead h2{font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card,.panel{border:1px solid var(--edge);border-radius:10px;background:var(--surface)}.card{padding:14px 16px 12px;display:block}.card:hover{border-color:var(--accent);background:#222434}.metriclabel{gap:7px;font-weight:700;font-size:14px}.iconbox,.arrow{color:var(--accent)}.iconbox{font-size:16px}.value{font:650 37px/1.22 Manrope,sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.value em{font-size:20px;font-style:normal;margin-left:1px}.track{height:4px;border-radius:8px;overflow:hidden;background:#343748}.fill{height:100%;background:var(--accent)}.card:nth-child(2) .fill{background:#e4bd85}.card:nth-child(3) .fill{background:var(--mint)}.sub,.source,.signal{color:var(--muted);font-size:13px}.card .sub{margin-top:6px;font-size:12px}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin:13px 0}.panel{padding:18px;min-width:0}.panel h2{margin:0 0 10px}.panel p{color:#c1c4d4;margin:7px 0}.panel p:last-child{margin-bottom:0}.action{background:linear-gradient(110deg,#232435,#1c202c)}.action h2{margin:4px 0}.action p{font-size:14px}.action .primary{margin-top:6px}.notes summary,.supplement summary{padding:8px 0;color:#d5d4e4;font-size:14px;font-weight:650}.notes details{border-top:1px solid var(--edge)}.notes .linkbtn{margin-top:4px}.notes details p{font-size:13px}.entry{padding:9px 0;border-top:1px solid var(--edge)}.entry h3{margin:5px 0 2px}.entry p{font-size:14px}.tag.gold,.notice{color:#efd3a2;background:#302b26}.notice{border-left:3px solid #c79959;padding:9px 13px}.panel p.notice{color:#efd3a2}.toolbar,.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.toolbar{background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:10px 14px}.toolbar label,form label{display:grid;gap:3px;font-size:12px;color:var(--muted);font-weight:650}.toolbar label{flex:1;min-width:140px}select,input,textarea{width:100%;min-width:0;border:1px solid #43475a;border-radius:6px;background:#131621;color:var(--text);padding:8px 10px;font-size:14px}.details div{padding:6px 0;border-bottom:1px solid var(--edge);font-size:13px}.details dt{color:var(--muted)}.details dd{text-align:right}.barrow{display:grid;grid-template-columns:minmax(105px,1fr) 1.5fr 35px;font-size:14px;margin:10px 0}.barrow .track{height:7px}.barrow b{text-align:right}.chartnote{margin-top:14px;font-size:9px}.signal{gap:6px}.supplement{padding:5px 18px}.supplement summary{width:100%}.spread{flex-wrap:wrap}footer{border-top:1px solid var(--edge);margin-top:20px!important;padding:14px 0 20px;color:var(--muted);font-size:11px}footer b{color:#e0dfea}dialog{width:min(440px,94vw);max-height:90dvh;border:1px solid #565369;border-radius:12px;background:var(--surface);color:var(--text);padding:20px}dialog::backdrop{background:#080915c7}dialog p{color:var(--muted);font-size:13px}.x{float:right;background:transparent;border:0;color:var(--text);font-size:23px}.primary span{margin-left:3px}form label{margin:10px 0}textarea{min-height:64px}#toast:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent);color:#241e39;padding:10px 16px;border-radius:6px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.mast{gap:12px}.grid{grid-template-columns:1fr}.hero img{height:90px}.hero figure{margin-right:12px}.mast nav{gap:0}.mast nav a{padding:8px}.sim{font-size:10px}.barrow{grid-template-columns:minmax(125px,1fr) 1fr 32px}}
@media(max-width:610px){.mast{height:auto;flex-wrap:wrap;gap:4px;padding:9px 0 6px}.brand{font-size:19px}.mast nav{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.mast nav a{min-height:38px}.top{padding:16px 0 12px}.top .eyebrow{font-size:11px}.hero{grid-template-columns:1fr;gap:0}.herotext{padding:16px 17px 8px}.hero h2{font-size:31px}.hero figure{margin:0 17px 12px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;background:none}.hero img{display:none}.hero figcaption{font-size:11px}.mapkey{font:500 11px Manrope,sans-serif;text-transform:none;letter-spacing:0}.mapkey span{padding:0 2px}.cards{grid-template-columns:1fr;gap:6px}.card{padding:9px 13px;display:grid;grid-template-columns:1fr auto;gap:0 12px}.cardtop .arrow,.card .track{display:none}.card .value{grid-area:1/2/3/3;align-self:center;font-size:30px}.card .sub{margin:0}.card .metriclabel{font-size:13px}.grid{gap:8px;margin:9px 0}.panel{padding:14px}.panel h2{font-size:19px}.sectionhead{margin:14px 0 7px}.hint{font-size:11px}.toolbar label{min-width:100%}.toolbar{gap:6px}.toolbar label{display:grid;grid-template-columns:62px 1fr;align-items:center}.notes summary{padding:10px 0}footer{gap:10px;flex-wrap:wrap}}

/* Keep the locator coordinates in the same aspect ratio as the map artwork. */
.coverage-map{position:relative;width:min(100%,369px);aspect-ratio:1050/330;margin-inline:auto}
.hero .coverage-map img{display:block;width:100%;height:auto}
.map-point{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#b4ffdd;box-shadow:0 0 0 2px #918dac}
.locator{position:absolute;width:22px;height:22px;top:50%;left:50%;border:1px solid #aaf2d4;border-radius:50%;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.locator{animation:region-locate 1.35s ease-out var(--pulse-delay) both}}
@keyframes region-locate{
  0%{transform:translate(-50%,-50%) scale(.18);opacity:0}
  18%{opacity:.95}
  100%{transform:translate(-50%,-50%) scale(1.12);opacity:0}
}
@keyframes region-label{0%,100%{color:inherit}25%,55%{color:#bff7df}}
@media(max-width:610px){
  .hero figure{display:grid;gap:3px;background-image:linear-gradient(#b7acf409 1px,transparent 1px),linear-gradient(90deg,#b7acf409 1px,transparent 1px);background-size:20px 20px}
  .coverage-map{width:min(100%,240px)}
  .hero figcaption b{margin-left:auto}
  .mapkey{text-align:center}
}

.hero figure .linkbtn{margin-left:auto;font-size:11px}.mast{gap:18px}.mast nav a{padding:8px 9px}
@media(min-width:611px) and (max-width:1070px){.mast{height:auto;flex-wrap:wrap;padding:8px 0;gap:4px}.mast nav{width:100%;order:3}}
@media(max-width:610px){.mast nav{grid-template-columns:repeat(3,1fr)}.mast nav a{padding:7px 2px}}
