/* =====================================================================================================
   Meterknot Results v0.7 (2026-10-03, MTKN-MC · Website Main Builder): the page's own CSS, out of the header logo's <style>
   (where it lived to v0.6). The seven inner-page rules (ruled 2026-10-03); the build order (Results first) ruled the same
   day. Proof figures are lime by the ruling of 2026-10-03 (they do not count toward one lime per view). Scoped under the
   section ids. After the independent review (2026-10-03): the header's money-path map, the compact case strips, the
   figures' reserved width, the instruments moved by transform, the phone order of case 02, the small print in case 03.
   ===================================================================================================== */

/* ---------- the kit: the travelling light and the intro's pre-state ---------- */
#sys-light{position:fixed;top:0;left:0;width:130px;height:130px;margin:-65px 0 0 -65px;z-index:40;pointer-events:none;opacity:0;will-change:transform}
#sys-light .lw,#sys-light .ll{position:absolute;inset:0;border-radius:50%;transition:opacity .8s var(--ease)}
#sys-light .lw{background:radial-gradient(circle,rgba(255,255,255,0.8) 0%,rgba(233,240,246,0.28) 14%,rgba(183,197,208,0.1) 34%,rgba(183,197,208,0.03) 58%,rgba(183,197,208,0) 85%);filter:blur(3px)}
#sys-light .ll{background:radial-gradient(circle,rgba(226,246,190,0.9) 0%,rgba(163,217,78,0.32) 13%,rgba(163,217,78,0.1) 33%,rgba(163,217,78,0.03) 56%,rgba(163,217,78,0) 82%);filter:blur(3px);opacity:0}
#sys-light.rest .lw{opacity:0}
#sys-light.rest .ll{opacity:1}
@media (max-width:900px){ #sys-light{display:none} }
.mk-pre #rhead .rh-lede,.mk-pre #rhead .rh-idx,.mk-pre #rhead .rh-map{opacity:0}

/* ---------- rhythm ---------- */
#rhead .wrap,.rc .wrap{max-width:none}
.rc{padding:clamp(100px,13vh,180px) 0}
.rc .eyebrow{margin:0}

/* ---------- R1 · the header: H1 at display scale, the cases as an index ---------- */
#rhead{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:clamp(96px,15vh,190px) 0 clamp(36px,5vh,64px)}
#rhead .rh-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);column-gap:clamp(40px,5vw,120px);align-items:end}
#rhead h1.rh-h1{margin-top:clamp(20px,2.4vw,36px);font-size:clamp(56px,min(9.6vw,15.5vh),240px);line-height:0.98;letter-spacing:-0.03em;font-weight:700;color:#fff;max-width:none}
#rhead .dek{margin-top:clamp(22px,3vh,36px);font-size:clamp(18px,1.5vw,24px);line-height:1.5;color:#fff;font-weight:300;max-width:32ch}@media (min-width:2561px){#rhead .dek{font-size:max(clamp(18px,1.5vw,24px), min(calc(24.00px + (100vw - 2560px) * 0.00188), 26.40px))}}
#rhead .rh-idx{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline-2)}
#rhead .rhi{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:18px;row-gap:6px;align-items:baseline;padding:clamp(18px,2.4vh,26px) 4px;color:#fff;border-bottom:1px solid var(--hairline);transition:background .35s var(--ease)}
#rhead .rhi-ix{grid-row:1 / span 2;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.14em;color:var(--meta-3)}@media (min-width:2561px){#rhead .rhi-ix{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
#rhead .rhi-sec{font-size:clamp(17px,1.25vw,22px);font-weight:600;line-height:1.3;text-wrap:balance}@media (min-width:2561px){#rhead .rhi-sec{font-size:max(clamp(17px,1.25vw,22px), min(calc(22.00px + (100vw - 2560px) * 0.00172), 24.20px))}}
#rhead .rhi-tag{grid-column:2;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--meta-2)}@media (min-width:2561px){#rhead .rhi-tag{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
#rhead .rhi-fig{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end;font-size:clamp(28px,2.6vw,52px);font-weight:700;color:var(--lime);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}@media (min-width:2561px){#rhead .rhi-fig{font-size:max(clamp(28px,2.6vw,52px), min(calc(52.00px + (100vw - 2560px) * 0.00406), 57.20px))}}
#rhead .rhi-rule{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--blue-100);transform:scaleX(0);transform-origin:left center;transition:transform .6s var(--ease)}
@media (hover:hover) and (pointer:fine){ #rhead .rhi:hover{background:linear-gradient(90deg,rgba(8,35,58,0),rgba(8,35,58,0.5) 40%,rgba(8,35,58,0))} #rhead .rhi:hover .rhi-rule{transform:scaleX(1)} }
#rhead .rhi:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* ---------- the figures reserve their final width (no layout shift while they count) ---------- */
.rc-fig[data-final],.rhi-fig[data-final]{display:inline-grid;justify-items:start}
#rhead .rhi-fig[data-final]{justify-items:end}
.rc-fig[data-final]::after,.rhi-fig[data-final]::after{content:attr(data-final);grid-area:1 / 1;visibility:hidden}
.rc-fig[data-final] > span,.rhi-fig[data-final] > span{grid-area:1 / 1}

/* ---------- R1 · the map: the eight money-path steps named once, one lane per case ---------- */
#rhead > .wrap{width:100%;align-self:stretch;margin-left:0;margin-right:0}
#rhead .rh-map{margin-top:auto;padding-top:clamp(28px,5vh,84px)}
.hmap{position:relative;--d:1}
.hmap .hm-line{position:absolute;left:5px;right:5px;top:8px;height:1px;background:rgba(233,240,246,0.3);transform-origin:left center;transform:scaleX(var(--d))}
.hmap .hm-ns{list-style:none;margin:0;padding:0;position:relative;height:64px}
.hm-n{position:absolute;top:0;left:calc(5px + (100% - 10px) * var(--k) / 7);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:calc(var(--d) * 1.4 - var(--k) * 0.06)}
.hm-n:first-child{transform:none;align-items:flex-start}
.hm-n:last-child{transform:translateX(-100%);align-items:flex-end}
.hm-n .mp-d{display:block;width:11px;height:11px;margin-top:3px;transform:rotate(45deg);border:1px solid var(--blue-300);background:var(--blue-900);transition:background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
.hm-n .hm-ix{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;color:var(--meta-3);transition:color .45s var(--ease)}@media (min-width:2561px){.hm-n .hm-ix{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.hm-n .hm-nm{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.14em;line-height:1.35;color:var(--blue-100);white-space:nowrap;margin-top:-4px;transition:color .45s var(--ease)}@media (min-width:2561px){.hm-n .hm-nm{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.hm-n.hit .mp-d{background:#fff;border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,0.55)}
.hm-n.hit .hm-ix,.hm-n.hit .hm-nm{color:#fff}
.hm-lanes{position:relative;height:78px;margin-top:clamp(12px,2.2vh,26px)}
.hl{position:absolute;top:calc(var(--r) * 26px);height:14px;left:calc(5px + (100% - 10px) * var(--a) / 7);width:calc((100% - 10px) * (var(--b) - var(--a)) / 7);--ld:1;transition:opacity .4s var(--ease)}
.hl .hl-bar{position:absolute;left:0;right:0;top:5.5px;height:3px;background:rgba(233,240,246,0.5);opacity:1;transform-origin:left center;transform:scaleX(var(--ld));transition:background .4s var(--ease),opacity .4s var(--ease),box-shadow .4s var(--ease)}
.hl .hl-e{position:absolute;top:3px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);border:1px solid rgba(233,240,246,0.75);background:var(--blue-900);transition:background .4s var(--ease),border-color .4s var(--ease)}
.hl .hl-e0{left:0;opacity:calc(var(--ld) * 6)}
.hl .hl-e1{left:100%;opacity:calc(var(--ld) * 6 - 5)}
.hl .hl-ix{position:absolute;right:100%;top:0;margin-right:18px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.16em;line-height:14px;text-transform:uppercase;color:var(--meta-2);white-space:nowrap;opacity:calc(var(--ld) * 3);transition:color .4s var(--ease)}@media (min-width:2561px){.hl .hl-ix{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.hl.on .hl-bar{background:#fff;opacity:1;box-shadow:0 0 12px rgba(255,255,255,0.45)}
.hl.on .hl-e{background:#fff;border-color:#fff}
.hl.on .hl-ix{color:#fff}
.hmap.hov .hl:not(.on){opacity:0.3}
/* narrower desktops: the step names wrap under their numbers rather than touch */
@media (max-width:1279px){
  .hmap .hm-ns{height:84px}
  .hm-n .hm-nm{white-space:normal;max-width:8em;text-align:center}
  .hm-n:first-child .hm-nm{text-align:left}
  .hm-n:last-child .hm-nm{text-align:right}
}

/* ---------- each case's own steps, drawn once ---------- */
.mp{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px;margin:clamp(22px,3.4vh,40px) 0 clamp(30px,5vh,60px)}
.mp-n{display:flex;align-items:center;gap:10px;--c:1}
.mp-n + .mp-n::before{content:"";display:block;width:clamp(28px,3.4vw,64px);height:1px;margin:0 6px 0 4px;background:rgba(255,255,255,0.8);transform-origin:left center;transform:scaleX(var(--c))}
.mp-n .mp-d{display:block;width:11px;height:11px;transform:rotate(45deg);border:1px solid #fff;background:#fff;box-shadow:0 0 12px rgba(255,255,255,0.5);transition:background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
.mp-n .mp-ix{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.12em;color:#fff}@media (min-width:2561px){.mp-n .mp-ix{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.mp-n .mp-nm{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.14em;color:#fff;white-space:nowrap}@media (min-width:2561px){.mp-n .mp-nm{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.mp.mp-pre .mp-n:not(.lit) .mp-d{background:var(--blue-900);border-color:var(--blue-300);box-shadow:none}

/* ---------- the case blocks ---------- */
.rc .rc-sec{margin-top:0;scroll-margin-top:120px;font-size:clamp(26px,2.6vw,52px);font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:#fff;text-wrap:balance}@media (min-width:2561px){.rc .rc-sec{font-size:max(clamp(26px,2.6vw,52px), min(calc(52.00px + (100vw - 2560px) * 0.00406), 57.20px))}}
.rc .rc-fig{font-weight:700;color:var(--lime);line-height:0.9;letter-spacing:-0.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rc .rc-figcap{margin-top:14px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--meta-2)}@media (min-width:2561px){.rc .rc-figcap{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.rc .rc-rows{display:grid;gap:clamp(18px,2.4vh,28px)}
.rc .rr .rlb{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--meta-3)}@media (min-width:2561px){.rc .rr .rlb{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.rc .rr p{margin-top:8px;font-size:clamp(16px,1.15vw,19px);line-height:1.65;color:var(--blue-100);max-width:52ch}@media (min-width:2561px){.rc .rr p{font-size:max(clamp(16px,1.15vw,19px), min(calc(19.00px + (100vw - 2560px) * 0.00371), 23.75px))}}
.rc .rr.rout p{color:#fff;font-weight:500}
.rc .rc-more{margin-top:clamp(26px,3.6vh,44px)}
.rc .rc-more .tlink{font-size:clamp(17px,1.2vw,21px)}@media (min-width:2561px){.rc .rc-more .tlink{font-size:max(clamp(17px,1.2vw,21px), min(calc(21.00px + (100vw - 2560px) * 0.00164), 23.10px))}}
@media (pointer:coarse){ .rc .rc-more .tlink{min-height:44px;display:inline-flex;align-items:center} }
.rc .rc-sec:focus{outline:none}
.rc .rc-sec:focus-visible{outline:2px solid var(--lime);outline-offset:6px}

/* case 01: a full-width moment */
.rc1 .rc1-top{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(30px,4vw,90px);align-items:end}
.rc1 .rc1-fig{font-size:clamp(110px,min(19vw,30vh),360px)}
.rc1 .rc-id{padding-bottom:clamp(10px,1.6vw,30px)}
.rc1 .rc-sec{max-width:11em}
@media (min-width:901px){.rc1 .rc-figcap{white-space:nowrap}}
.rc1 .rc-rows{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,64px);margin-top:clamp(40px,6vh,76px);padding-top:clamp(22px,3vh,34px);border-top:1px solid var(--hairline)}

/* the gauge (case 01): the Home's Before and After needle, across the page */
.gauge{position:relative;height:56px;margin-top:clamp(30px,5vh,60px)}
.gauge .g-line{position:absolute;left:0;right:0;top:14px;height:1px;background:var(--rule)}
.gauge .g-t{position:absolute;top:9px;width:1px;height:11px;margin-left:-0.5px;background:var(--blue-300);opacity:0.6}
.gauge .g-span{position:absolute;top:13px;height:3px;left:0;right:0;transform-origin:right center;transform:scaleX(calc((var(--bp,100) - var(--np,100)) / 100));background:linear-gradient(90deg,rgba(255,255,255,0.85),rgba(183,197,208,0.25))}
.gauge .g-nw{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(calc(var(--np,100) * 1% - 100%));pointer-events:none}
.gauge .g-before{position:absolute;top:4px;width:2px;height:21px;margin-left:-1px;background:var(--blue-300)}
.gauge .g-needle{position:absolute;top:0;left:100%;width:2px;height:29px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,0.6)}
.gauge .g-lab{position:absolute;top:36px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--meta-2);white-space:nowrap}@media (min-width:2561px){.gauge .g-lab{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.gauge .g-lb{transform:translateX(-100%)}
.gauge .g-la{left:100%;transform:translateX(-50%);color:#fff;opacity:var(--ao,0)}

/* case 02: the split, copy left, the time instrument right */
.rc2 .rc2-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);column-gap:clamp(40px,5vw,120px);align-items:center}
.rc2 .rc2-fig{margin-top:clamp(18px,2.6vh,30px);font-size:clamp(64px,7.4vw,170px)}
.rc2 .rc-rows{margin-top:clamp(28px,4vh,44px)}
.tbar{position:relative;padding:clamp(28px,3vw,48px);border:1px solid var(--hairline);background:linear-gradient(180deg,rgba(8,35,58,0.5),rgba(6,27,45,0.15))}
.tbar .tb-axis{position:relative;height:12px;margin:0 0 30px calc(64px + 18px);margin-right:calc(150px + 18px)}
.tbar .tb-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule)}
.tbar .tb-t{position:absolute;bottom:0;width:1px;height:8px;background:var(--blue-300);opacity:0.6}
.tbar .tb-row{display:grid;grid-template-columns:64px minmax(0,1fr) 150px;column-gap:18px;align-items:center;padding:clamp(18px,2.6vh,28px) 0;border-top:1px solid var(--hairline)}
.tbar .tb-lab{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--meta-2)}@media (min-width:2561px){.tbar .tb-lab{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.tbar .tb-val{white-space:nowrap}
.tbar .tb-val em{font-style:normal;font-size:clamp(18px,1.5vw,28px);font-weight:600;letter-spacing:-0.01em;color:var(--blue-100)}@media (min-width:2561px){.tbar .tb-val em{font-size:max(clamp(18px,1.5vw,28px), min(calc(28.00px + (100vw - 2560px) * 0.00219), 30.80px))}}
.tbar .tb-after .tb-val em{color:#fff}
.tbar .tb-track{position:relative;height:14px}
.tbar .tb-bar{position:absolute;left:0;top:4px;height:6px;width:100%;background:var(--blue-300);opacity:0.7}
.tbar .tb-after .tb-bar{transform-origin:left center;transform:scaleX(calc(var(--w,100) / 100));background:#fff;opacity:1;box-shadow:0 0 12px rgba(255,255,255,0.35)}
.tbar .tb-after .tb-range{position:absolute;top:14px;height:7px;left:10%;width:10%;border:1px solid rgba(255,255,255,0.6);border-top:0;opacity:var(--ro,0)}
.tbar .tb-after .tb-ew{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(calc(var(--w,100) * 1% - 100%));pointer-events:none}
.tbar .tb-after .tb-end{position:absolute;top:0;left:100%;width:2px;height:14px;margin-left:-1px;background:#fff}
.tbar .tb-after .tb-val{color:#fff;opacity:var(--ro,0)}

/* case 03: a triptych, the figure left, the meter in the middle, the rows right */
.rc3 .rc3-grid{display:grid;grid-template-columns:minmax(0,0.9fr) auto minmax(0,1.1fr);column-gap:clamp(36px,4.4vw,100px);align-items:center}
.rc3 .rc3-fig{margin-top:clamp(18px,2.6vh,30px);font-size:clamp(84px,9.4vw,210px)}
.rc3 .rc3-rows .rc-rows{margin:0}
.meter{position:relative;display:grid;grid-template-columns:auto auto;column-gap:22px;height:clamp(340px,56vh,600px);padding:clamp(18px,2vw,32px) clamp(20px,2.4vw,40px) clamp(18px,2vw,32px) clamp(14px,1.6vw,26px);border:1px solid var(--hairline);background:linear-gradient(180deg,rgba(8,35,58,0.5),rgba(6,27,45,0.15))}
.meter .mt-col{position:relative;width:clamp(56px,4.4vw,84px);height:100%}
.meter .mt-track{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--rule)}
.meter .mt-t{position:absolute;left:calc(50% - 10px);width:20px;height:1px;background:var(--blue-300);opacity:0.6}
.meter .mt-fill{position:absolute;left:calc(50% - 9px);width:18px;bottom:0;height:100%;transform-origin:center bottom;transform:scaleY(calc(var(--np,50) / 100));background:linear-gradient(0deg,rgba(183,197,208,0.2),rgba(255,255,255,0.85))}
.meter .mt-base{position:absolute;left:calc(50% - 18px);width:36px;height:2px;margin-bottom:-1px;background:var(--blue-300)}
.meter .mt-hw,.meter .mt-lw{position:absolute;left:0;right:0;top:0;bottom:0;transform:translateY(calc(var(--np,50) * -1%));pointer-events:none}
.meter .mt-head{position:absolute;left:calc(50% - 20px);width:40px;height:2px;bottom:0;margin-bottom:-1px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,0.6)}
.meter .mt-labs{position:relative;height:100%;width:clamp(130px,10vw,190px)}
.meter .mt-lab{position:absolute;left:0;transform:translateY(50%);display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.meter .mt-lab b{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--meta-3)}@media (min-width:2561px){.meter .mt-lab b{font-size:max(12px, min(calc(12.00px + (100vw - 2560px) * 0.00234), 15.00px))}}
.meter .mt-lab em{font-style:normal;font-size:clamp(20px,1.7vw,32px);font-weight:600;letter-spacing:-0.01em;color:var(--blue-100)}@media (min-width:2561px){.meter .mt-lab em{font-size:max(clamp(20px,1.7vw,32px), min(calc(32.00px + (100vw - 2560px) * 0.00250), 35.20px))}}
.meter .mt-la{bottom:0;opacity:var(--ao,0)}
.meter .mt-la b,.meter .mt-la em{color:#fff}

/* R3: the small print closes case 03 and the page */
.rc3 .rc-note{margin-top:clamp(64px,10vh,130px);max-width:64ch;padding-top:clamp(22px,3vh,32px);border-top:1px solid var(--hairline);font-size:clamp(15px,1.05vw,17px);line-height:1.7;color:var(--meta-2)}@media (min-width:2561px){.rc3 .rc-note{font-size:max(clamp(15px,1.05vw,17px), min(calc(17.00px + (100vw - 2560px) * 0.00332), 21.25px))}}

@media (min-width:1441px){
  .mp-n .mp-ix,.mp-n .mp-nm,.hm-n .hm-ix,.hm-n .hm-nm,.hl .hl-ix,.rc .rc-figcap,.rc .rr .rlb,.gauge .g-lab,.tbar .tb-lab,.meter .mt-lab b,#rhead .rhi-tag,#rhead .rhi-ix{font-size:min(calc(8.2px + 0.27vw), 15px)}@media (min-width:2561px){.mp-n .mp-ix,.mp-n .mp-nm,.hm-n .hm-ix,.hm-n .hm-nm,.hl .hl-ix,.rc .rc-figcap,.rc .rr .rlb,.gauge .g-lab,.tbar .tb-lab,.meter .mt-lab b,#rhead .rhi-tag,#rhead .rhi-ix{font-size:max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px))}}
}
@media (max-width:1199px){
  #rhead .rh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #rhead h1.rh-h1{font-size:clamp(56px,min(8.4vw,15.5vh),240px)}
  .rc2 .rc2-grid,.rc3 .rc3-grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .rc3 .meter{justify-self:start}
  .rc2 .rc2-grid{display:flex;flex-direction:column;align-items:stretch;row-gap:0}
  .rc2 .rc-copy{display:contents}
  .rc2 .rc-id{order:1}
  .rc2 .rc2-fig{order:2}
  .rc2 .rc-figcap{order:3}
  .rc2 .tbar{order:4;margin-top:clamp(26px,4vh,40px)}
  .rc2 .rc-rows{order:5}
  .rc2 .rc-more{order:6}
}
@media (max-width:900px){
  #rhead .rh-grid{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .rc{padding:clamp(56px,10vw,80px) 0}
  #rhead{padding:clamp(110px,26vw,140px) 0 40px}
  #rhead .rhi{grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px}
  #rhead .rhi-fig{font-size:clamp(22px,6.4vw,30px)}
  .mp{margin:22px 0 30px}
  .mp-n + .mp-n::before{width:16px}
  .rh-map{display:none}
  .rc1 .rc1-top{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .rc1 .rc1-fig{font-size:clamp(96px,30vw,150px)}
  .rc1 .rc-rows{grid-template-columns:minmax(0,1fr)}
  .rc2 .rc2-fig{font-size:clamp(52px,15vw,84px)}
  .rc3 .rc3-fig{font-size:clamp(72px,22vw,110px)}
  .tbar{padding:20px 16px}
  .tbar .tb-axis{margin-left:calc(50px + 12px);margin-right:0}
  .tbar .tb-row{grid-template-columns:50px minmax(0,1fr);column-gap:12px;row-gap:8px}
  .meter{height:320px}
  .tbar .tb-val{grid-column:2}
  .meter{height:300px}
}
@media (max-width:600px){
  .mp-n .mp-ix{display:none}
}
@media (max-width:420px){
  .mp-n{gap:7px}
  .mp-n .mp-nm{letter-spacing:0.08em}
  .mp-n + .mp-n::before{width:12px;margin:0 2px 0 4px}
}
@media (max-width:600px){
  #rhead .rhi{grid-template-columns:30px minmax(0,1fr)}
  #rhead .rhi-ix{grid-row:1 / span 3}
  #rhead .rhi-fig{grid-column:2;grid-row:3;justify-self:start;margin-top:8px}
  #rhead .rhi-fig[data-final]{justify-items:start}
}

/* B8 (2026-10-10, ruled "option A 10%"): from 2560 px wide, text under 16 px 10% larger; each line repeats a rule above with its own context */
@media (min-width:2560px){@media (min-width:1441px){#rhead .rhi-ix{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){#rhead .rhi-tag{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.gauge .g-lab{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.hl .hl-ix{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.hm-n .hm-ix{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.hm-n .hm-nm{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.meter .mt-lab b{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.mp-n .mp-ix{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.mp-n .mp-nm{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.rc .rc-figcap{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.rc .rr .rlb{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){.tbar .tb-lab{font-size:calc(min(calc(8.2px + 0.27vw), 15px) * 1.1)}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){#rhead .rhi-ix{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){#rhead .rhi-tag{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.gauge .g-lab{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.meter .mt-lab b{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.mp-n .mp-ix{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.mp-n .mp-nm{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.rc .rc-figcap{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.rc .rr .rlb{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}
@media (min-width:2560px){@media (min-width:1441px){@media (min-width:2561px){.tbar .tb-lab{font-size:calc(max(min(calc(8.2px + 0.27vw), 15px), min(calc(15.00px + (100vw - 2560px) * 0.00293), 18.75px)) * 1.1)}}}}