/* Landing demo D, "Chapters": full-screen chapters with large type, a risk bar that changes the colour of the room, and a chapter navigator.
   Ported from the sample design (oddsignalLandingSamples.zip, option D) onto the site's own tokens, header and footer. Plain readable layout first; entrance motion
   only under html.anim (a script is running and motion is allowed). Every rule is scoped under .ldd so nothing here can reach another page. No inline styles (strict CSP). */
html:has(.ldd) { scroll-snap-type: y proximity; scroll-padding-top: 58px; }
html.free:has(.ldd) { scroll-snap-type: none; }
@media (prefers-reduced-motion: no-preference) { html:has(.ldd) { scroll-behavior: smooth; } }
.ldd { position: relative; overflow-x: clip; -webkit-font-smoothing: antialiased; }
.ldd :where(h1, h2, h3, p, ul, ol) { margin: 0; }
.ldd :where(ul, ol) { padding: 0; list-style: none; }
.ldd :where(img, svg) { display: block; max-width: 100%; }
.ldd :where(button) { font: inherit; color: inherit; }
.ldd :where(a) { color: inherit; }
.ldd :where(b) { font-weight: 700; }
.ldd .wrap { padding: 0; }
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --sw{syntax:"<angle>";inherits:false;initial-value:360deg}
@property --sc{syntax:"<color>";inherits:true;initial-value:#FFB020}
.ldd{
  --pad:clamp(16px,4.6vw,76px);
  --padr:var(--pad);
  --top:58px;
  --glass:rgba(7,11,20,.7);
  --hair:rgba(154,170,200,.24);
  --dim2:var(--text-dim);
  --ease:cubic-bezier(.2,.9,.2,1);
  --spring:cubic-bezier(.3,1.5,.5,1);
  --ring-range:conic-gradient(from var(--a),var(--ring-red),var(--ring-orange-red) 45deg,var(--ring-amber) 90deg,var(--ring-lime-amber) 135deg,var(--ring-green) 180deg,var(--ring-lime-amber) 225deg,var(--ring-amber) 270deg,var(--ring-orange-red) 315deg,var(--ring-red) 360deg);
}
@media (min-width:721px){.ldd{--padr:max(var(--pad),64px)}}
.ldd .chapter:focus{outline:none}
.ldd .sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ldd .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:700 .92rem/1 var(--font-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s,background-color .2s,border-color .2s}
.ldd .btn-gold{background:linear-gradient(135deg,var(--gold),#ff9a3d);color:var(--on-gold);box-shadow:0 8px 26px -10px rgba(255,170,60,.7)}
.ldd .btn-gold:hover{transform:translateY(-1px);box-shadow:0 12px 30px -10px rgba(255,170,60,.85)}
.ldd .btn-ghost{background:rgba(18,29,51,.62);border-color:var(--hair);color:var(--text)}
.ldd .btn-ghost:hover{border-color:var(--text-dim);background:rgba(18,29,51,.9)}
.ldd .btn-lg{min-height:56px;padding:0 28px;font-size:1rem}
.ldd .gbadge{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#fff}
.ldd .gbadge img{width:16px;height:16px}
.ldd .dots{position:fixed;z-index:55;right:max(8px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);--dc:var(--teal)}
.ldd .dots ol{display:grid;gap:2px}
.ldd .dots a{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:0 8px 0 6px;border-radius:999px;color:var(--text-dim);text-decoration:none}
@media (pointer:coarse){.ldd .dots a{min-height:44px;min-width:44px}}
.ldd .dots .lbl{padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text);white-space:nowrap;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s,transform .25s var(--ease)}
.ldd .dots a:hover .lbl,.ldd .dots a:focus-visible .lbl{opacity:1;transform:none}
.ldd .dots .pip{flex:none;width:11px;height:11px;border-radius:50%;border:2px solid var(--text-dim);transition:transform .35s var(--spring),background-color .3s,border-color .3s,box-shadow .3s}
.ldd .dots a:hover .pip{border-color:var(--text)}
.ldd .dots a[aria-current="true"] .pip{background:var(--dc);border-color:var(--dc);transform:scale(1.45);box-shadow:0 0 14px color-mix(in srgb,var(--dc) 75%,transparent)}
.ldd .dots{transition:top .5s var(--ease)}
.ldd .dots[data-cur="steer"]{top:31%}
.ldd .dots[data-cur="rated"]{--dc:var(--band-green)}
.ldd .dots[data-cur="targets"]{--dc:var(--ring-amber)}
.ldd .dots[data-cur="slips"]{--dc:var(--teal)}
.ldd .dots[data-cur="steer"]{--dc:var(--ring-lime-amber)}
.ldd .dots[data-cur="copy"]{--dc:var(--gold)}
.ldd .dots[data-cur="start"]{--dc:var(--gold)}
@media (max-width:720px){.ldd .dots,.ldd .dots[data-cur="steer"]{left:0;right:0;top:var(--top);transform:none;height:44px;padding:0 8px}
.ldd .dots ol{grid-auto-flow:column;grid-auto-columns:1fr;gap:0;height:100%}
.ldd .dots a{height:44px;min-height:44px;padding:0 2px;align-items:flex-start;justify-content:center;border-radius:6px}
.ldd .dots .lbl{display:none}
.ldd .dots .pip{width:100%;height:4px;margin-top:7px;border:0;border-radius:2px;background:var(--hair);transform:none}
.ldd .dots a.past .pip{background:color-mix(in srgb,var(--dc) 45%,var(--hair))}
.ldd .dots a[aria-current="true"] .pip{background:var(--dc);transform:none}}
.ldd .chapter{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--top));min-height:calc(100svh - var(--top));padding:clamp(24px,5svh,56px) var(--padr) 92px var(--pad);overflow:hidden;overflow:clip;scroll-snap-align:start;--acc:var(--teal);--acc-t:var(--teal-text)}
@media (max-width:720px){.ldd .chapter{padding-top:calc(44px + 32px)}}
.ldd .wrap{position:relative;z-index:1;width:100%;max-width:1680px;margin-inline:auto}
.ldd .bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ldd .bg::after{content:"";position:absolute;inset:0}
.ldd .big{font:800 var(--fs,clamp(2.4rem,6.4vw,7rem))/.94 var(--font-head);letter-spacing:-.035em}
.ldd .body{max-width:40ch;color:var(--text-dim);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.6}
.ldd .kick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:clamp(12px,2.2svh,26px);font:600 .78rem/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.ldd .kick .num{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--acc-t)}
.ldd .kick .num::after{content:"";width:34px;height:1px;background:currentColor;opacity:.65}
.ldd .kt .w{display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden;overflow:clip;padding:.2em .06em .22em;margin:-.2em -.06em -.22em}
.ldd .kt .wi,.ldd .kt .ch{display:inline-block}
.ldd .kt .wa,.ldd .kt .acc{color:var(--acc-t)}
html.anim .ldd .chapter:not(.in) .kt .wi{transform:translateY(118%)}
html.anim .ldd .chapter:not(.in) .kt .ch{transform:translateY(125%) rotate(7deg);opacity:0}
html.anim .ldd .chapter .kt .wi{transition:transform 1s var(--ease);transition-delay:calc(var(--i,0)*75ms)}
html.anim .ldd .chapter .kt .ch{transform-origin:0 100%;transition:transform 1.1s var(--spring),opacity .45s ease;transition-delay:calc(.35s + var(--i,0)*58ms)}
html.anim .ldd .chapter:not(.in) .rv{opacity:0;transform:translateY(26px)}
html.anim .ldd .chapter .rv{transition:opacity .8s ease,transform .9s var(--ease);transition-delay:calc(var(--d,0)*1ms + 250ms)}
.ldd .slip{position:relative;isolation:isolate;border-radius:var(--r-lg)}
.ldd .slip::before,.ldd .slip::after{content:"";position:absolute;border-radius:calc(var(--r-lg) + 3px);background:var(--ring-range);z-index:-2}
.ldd .slip::before{inset:-3px}
.ldd .slip::after{inset:-2px;z-index:-3;filter:blur(22px);opacity:.42}
.ldd .slip-in{background:var(--ink-900);border-radius:var(--r-lg);padding:clamp(14px,1.6vw,20px)}
.ldd .s-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px}
.ldd .rankpill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--hair);font:700 .8rem/1 var(--font-head);font-variant-numeric:tabular-nums}
.ldd .stag{display:block;margin-top:7px;font:600 .68rem/1.2 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}
.ldd .sodds{font:800 clamp(2rem,3.2vw,2.8rem)/1 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}
.ldd .sodds small{display:block;margin-top:4px;font:500 .78rem/1 var(--font-body);letter-spacing:0;color:var(--text-dim)}
.ldd .legs>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:10px 0;border-top:1px dashed var(--line)}
.ldd .lg-m{display:grid;gap:1px;min-width:0}
.ldd .tm{font-weight:600;font-size:.94rem;line-height:1.3}
.ldd .mt{color:var(--text-dim);font-size:.76rem}
.ldd .pk{color:var(--teal-text);font-weight:600;font-size:.82rem}
.ldd .lg-s{display:grid;justify-items:end;gap:6px}
.ldd .pr{font:700 1.05rem/1 var(--font-head);font-variant-numeric:tabular-nums}
.ldd .lr{display:inline-flex;align-items:center;gap:7px}
.ldd .bars{display:inline-flex;align-items:flex-end;gap:2px;height:18px;flex:none}
.ldd .bars i{display:block;width:4px;border-radius:2px;background:var(--line)}
.ldd .bars i:nth-child(1){height:5px;--k:0}
.ldd .bars i:nth-child(2){height:8px;--k:1}
.ldd .bars i:nth-child(3){height:11px;--k:2}
.ldd .bars i:nth-child(4){height:14px;--k:3}
.ldd .bars i:nth-child(5){height:18px;--k:4}
.ldd .bars i.on{background:var(--b);box-shadow:0 0 8px color-mix(in srgb,var(--b) 60%,transparent)}
.ldd .lw{font:600 .78rem/1 var(--font-body);color:var(--bt)}
.ldd [data-band="band-red"]{--b:var(--band-red)}
.ldd [data-band="band-amber"]{--b:var(--band-amber)}
.ldd [data-band="band-lime-amber"]{--b:var(--band-lime-amber)}
.ldd [data-band="band-green"]{--b:var(--band-green)}
.ldd [data-band="band-bright-green"]{--b:var(--band-bright-green)}
.ldd [data-band="band-red"]{--bt:var(--bad-text)}.ldd [data-band="band-amber"]{--bt:var(--warn-text)}.ldd [data-band="band-lime-amber"]{--bt:var(--lime-text)}.ldd [data-band="band-green"]{--bt:var(--good-text)}.ldd [data-band="band-bright-green"]{--bt:var(--good-text)}
.ldd .bars i{transition:background-color .35s ease,box-shadow .35s ease}
html.anim .ldd .chapter:not(.in) .bars i.on{background:var(--line);box-shadow:none}
html.anim .ldd .chapter .bars i{transition-delay:calc(.7s + var(--k,0)*90ms)}
.ldd .codebox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--ink-800);border:1px solid var(--line)}
.ldd .codebox code{font:700 1.45rem/1.2 var(--font-mono);letter-spacing:.14em}
.ldd .codebox .note{font-size:.78rem;color:var(--text-dim)}
.ldd .more{padding-top:8px;border-top:1px dashed var(--line);font-size:.82rem;color:var(--text-dim)}
.ldd .ch-hero{--acc:var(--teal);--acc-t:var(--teal-text)}
.ldd .ch-hero .bg{background:radial-gradient(60% 60% at 84% 36%,rgba(39,227,194,.13),transparent 66%),radial-gradient(46% 50% at 0% 100%,rgba(255,176,32,.08),transparent 64%),var(--ink-950)}
.ldd .ch-hero .bg::after{inset:auto;right:-14vw;top:50%;width:min(62vw,760px);aspect-ratio:1;margin-top:calc(min(62vw,760px)/-2);border-radius:50%;background:var(--ring-range);filter:blur(100px);opacity:.2}
.ldd .hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,80px);align-items:center}
.ldd .hero-copy{min-width:0}
.ldd .eyebrow{margin-bottom:clamp(12px,2.2svh,24px);font:600 .8rem/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--acc-t)}
.ldd .hero-h1{--fs:clamp(2.5rem,min(6.4vw,14svh),7.6rem)}
.ldd .hero-sub{margin-top:clamp(16px,2.6svh,28px);font:600 clamp(1.15rem,1.9vw,1.6rem)/1.3 var(--font-head);letter-spacing:-.01em}
.ldd .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3.4svh,34px)}
.ldd .status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:clamp(18px,3svh,30px)}
.ldd .lchip{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(18,29,51,.7);border:1px solid var(--hair);font-size:.84rem}
.ldd .lchip b{color:var(--teal-text);font-weight:700}
.ldd .pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(39,227,194,.6)}
.ldd .upd{font-size:.84rem;color:var(--text-dim)}
.ldd .how{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:clamp(8px,1.6svh,18px);color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:6px}
.ldd .how:hover{text-decoration-color:var(--teal)}
.ldd .how svg{color:var(--teal-text)}
.ldd .hero-card{width:min(100%,430px);justify-self:end}
@media (max-width:900px){.ldd .hero-grid{grid-template-columns:minmax(0,1fr)}
.ldd .hero-h1{--fs:clamp(2.4rem,11.4vw,5.4rem)}
.ldd .hero-card{justify-self:start;width:min(100%,460px)}}
.ldd .ch-rated{--acc:var(--band-green);--acc-t:var(--good-text)}
.ldd .ch-rated .bg{background:radial-gradient(56% 70% at 22% 62%,rgba(61,220,132,.12),transparent 70%),radial-gradient(40% 50% at 100% 0%,rgba(255,176,32,.07),transparent 70%),linear-gradient(180deg,var(--ink-950),#091120)}
.ldd .ch-rated .big{--fs:clamp(2.1rem,min(4.5vw,8.2svh),5.4rem)}
.ldd .rated-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);grid-template-areas:"icon head" "icon rows" "icon body";column-gap:clamp(24px,5vw,88px);align-content:center}
.ldd .r-head{grid-area:head}
.ldd .rated-icon{grid-area:icon;align-self:center;display:grid;gap:14px;min-width:0}
.ldd .rates{grid-area:rows;display:grid;margin-top:clamp(14px,2.6svh,30px)}
.ldd .r-body{grid-area:body;display:grid;gap:8px;margin-top:clamp(12px,2.2svh,24px)}
.ldd .mega{width:min(100%,calc(56svh*112/120));height:auto;aspect-ratio:112/120;overflow:visible;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--b) 38%,transparent))}
.ldd .mega rect{fill:var(--line);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.88);transition:fill .4s ease,transform .6s var(--spring);transition-delay:calc(var(--k)*80ms)}
.ldd .mega rect.on{fill:var(--b);transform:none}
.ldd .icap{font:600 .8rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.ldd .icap b{color:var(--bt,var(--good-text));font-weight:700}
.ldd .r-body .body{max-width:56ch}
.ldd .r-body .foot{font-size:.88rem;color:var(--text)}
.ldd .rate{--fs:clamp(2.6rem,min(7.4vw,13.5svh),7.6rem);display:grid;grid-template-columns:calc(var(--fs)*2.95) minmax(0,1fr);align-items:end;gap:6px clamp(16px,2.6vw,40px);width:100%;min-height:44px;padding:clamp(8px,1.8svh,18px) 0;text-align:left;background:none;border:0;border-top:1px solid var(--line);cursor:pointer}
.ldd .rates li:last-child .rate{border-bottom:1px solid var(--line)}
.ldd .rw{font:800 var(--fs)/.92 var(--font-head);letter-spacing:-.04em;color:var(--dim2);transition:color .3s,transform .5s var(--spring);transform-origin:0 100%}
.ldd .rd{display:grid;gap:8px;align-self:center;justify-items:start;opacity:.78;transition:opacity .3s}
.ldd .rd .bars i:not(.on){opacity:.55}
.ldd .rt{max-width:30ch;font-size:clamp(.92rem,1.1vw,1.06rem);line-height:1.5;color:var(--text)}
.ldd .rate[aria-pressed="true"] .rw{color:var(--bt);transform:translateX(8px)}
.ldd .rate[aria-pressed="true"] .rd{opacity:1}
.ldd .rate:hover .rw{color:color-mix(in srgb,var(--bt) 70%,var(--dim2))}
.ldd .rate[aria-pressed="true"]:hover .rw{color:var(--bt)}
.ldd .rate:focus-visible{outline-offset:-3px}
@media (max-width:900px){.ldd .rated-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "icon" "rows" "body"}
.ldd .rated-icon{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:0 18px}
.ldd .mega{width:auto;height:clamp(110px,20svh,170px)}
.ldd .rate{--fs:clamp(2.6rem,16vw,5.6rem);grid-template-columns:minmax(0,1fr)}
.ldd .rates{margin-top:clamp(14px,2.6svh,26px)}}
.ldd .ch-targets{--acc:var(--ring-amber);--acc-t:var(--warn-text)}
.ldd .ch-targets .bg{background:radial-gradient(60% 70% at 0% 100%,rgba(255,176,32,.12),transparent 66%),repeating-linear-gradient(0deg,rgba(154,170,200,.055) 0 1px,transparent 1px 64px),var(--ink-950)}
.ldd .ch-targets .big{--fs:clamp(2.1rem,min(6.2vw,12svh),6.8rem)}
.ldd .targets-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:start;margin-top:clamp(22px,5svh,56px)}
.ldd .ladder-box{container-type:inline-size;min-width:0}
.ldd .brackets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:12px;font:600 .7rem/1.2 var(--font-body);letter-spacing:.13em;text-transform:uppercase}
.ldd .br{padding-top:9px;border-top:2px solid}
.ldd .br-e{grid-column:1/4;color:var(--acc-t);border-color:var(--acc)}
.ldd .br-s{grid-column:4/7;color:var(--dim2);border-color:var(--hair)}
.ldd .ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:2px solid var(--hair)}
.ldd .rung{display:grid;place-items:center;min-width:44px;min-height:44px;padding:clamp(14px,4.4cqw,40px) 0;background:none;border:0;border-left:2px solid var(--hair);cursor:pointer;font:800 clamp(1.9rem,10.6cqw,7rem)/1 var(--font-head);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--dim2);transition:background-color .25s,color .25s}
.ldd .rung:first-child{border-left:0}
.ldd .rung.easy{color:var(--text);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.ldd .rung:hover{background:color-mix(in srgb,var(--acc) 16%,transparent)}
.ldd .rung[aria-checked="true"]{background:var(--acc);color:var(--ink-950)}
.ldd .rung.hard[aria-checked="true"]{background:color-mix(in srgb,var(--acc) 84%,var(--ink-950))}
.ldd .rung:focus-visible{outline-offset:-5px;outline-color:var(--teal)}
.ldd .rung[aria-checked="true"]:focus-visible{outline-color:var(--ink-950)}
.ldd .ladder-box .body{margin-top:clamp(16px,3svh,30px);max-width:52ch}
html.anim .ldd .chapter:not(.in) .rung{opacity:0;transform:translateY(34px)}
html.anim .ldd .chapter .rung{transition:background-color .25s,color .25s,opacity .6s ease calc(.3s + var(--i)*70ms),transform .8s var(--ease) calc(.3s + var(--i)*70ms)}
.ldd .rank-list{display:grid;gap:12px;min-width:0}
.ldd .rank-cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:600 .74rem/1.3 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim)}
.ldd .rank-cap b{color:var(--acc-t);font-family:var(--font-head);font-variant-numeric:tabular-nums}
.ldd .rrows{display:grid;gap:10px}
.ldd .rrow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rk od" "gm od";align-items:center;gap:3px 16px;padding:clamp(12px,1.8svh,18px) 18px;border-radius:var(--r-md);background:var(--ink-900);border:1px solid var(--line)}
.ldd .rrow:first-child{border-color:color-mix(in srgb,var(--acc) 65%,var(--line))}
.ldd .rk{grid-area:rk;font:700 .95rem/1.2 var(--font-head);font-variant-numeric:tabular-nums}
.ldd .gm{grid-area:gm;font-size:.82rem;color:var(--text-dim)}
.ldd .od{grid-area:od;font:800 clamp(2.1rem,min(3.6vw,6svh),3.4rem)/1 var(--font-head);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.ldd .rrow:first-child .od{color:var(--acc-t)}
@media (max-width:900px){.ldd .targets-grid{grid-template-columns:minmax(0,1fr)}}
.ldd .ch-slips{--acc:var(--teal);--acc-t:var(--teal-text)}
.ldd .ch-slips .bg{background:
  linear-gradient(rgba(39,227,194,.075) 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(90deg,rgba(39,227,194,.075) 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(rgba(39,227,194,.17) 1px,transparent 1px) -1px -1px/120px 120px,
  linear-gradient(90deg,rgba(39,227,194,.17) 1px,transparent 1px) -1px -1px/120px 120px,
  radial-gradient(90% 90% at 74% 50%,var(--ink-800),var(--ink-950) 82%)}
.ldd .ch-slips .bg::after{background:radial-gradient(70% 70% at 50% 50%,transparent 40%,var(--ink-950) 100%);opacity:.55}
.ldd .bp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center}
.ldd .bp-copy{min-width:0}
.ldd .bp .big{--fs:clamp(2.3rem,min(8.2vw,17svh),8.4rem)}
.ldd .bp .body{margin-top:clamp(16px,3svh,28px);max-width:42ch;color:var(--text)}
.ldd .notes{display:grid;gap:10px;margin-top:clamp(14px,2.6svh,26px);max-width:44ch}
.ldd .notes li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;font-size:.95rem}
.ldd .notes .n,.ldd .mk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink-950);border:1.5px solid var(--acc);color:var(--acc);font:700 .74rem/1 var(--font-head)}
.ldd .board{position:relative;width:min(100%,520px);justify-self:center;padding:40px 0 0 44px}
.ldd .dim{position:absolute;display:flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--teal) 78%,var(--text-dim));font:600 .66rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.ldd .dim i{flex:1;height:1px;background:currentColor;opacity:.7}
.ldd .dim-t{left:44px;right:0;top:8px;height:18px;border-inline:1px solid}
.ldd .dim-t span,.ldd .dim-l span{white-space:nowrap}
.ldd .dim-l{left:8px;top:40px;bottom:0;width:18px;flex-direction:column;border-block:1px solid}
.ldd .dim-l i{width:1px;height:auto;flex:1}
.ldd .dim-l span{writing-mode:vertical-rl;transform:rotate(180deg)}
.ldd .bpslip .slip-in{outline:1px dashed color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:-1px}
.ldd .bpslip .mk1{position:absolute;left:-13px;top:-13px;z-index:3}
.ldd .bpslip .leg:first-child .lg-s{position:relative}
.ldd .bpslip .mk3{position:absolute;right:calc(100% + 12px);bottom:-3px}
.ldd .bpslip .rankpill{margin-right:8px}
.ldd .bpslip .mk{vertical-align:middle}
.ldd .bpslip::before,.ldd .bpslip::after{-webkit-mask:conic-gradient(from -90deg,#000 var(--sw),transparent var(--sw));mask:conic-gradient(from -90deg,#000 var(--sw),transparent var(--sw))}
html.anim .ldd .ch-slips:not(.in) .bpslip::before,html.anim .ldd .ch-slips:not(.in) .bpslip::after{--sw:0deg}
html.anim .ldd .ch-slips:not(.in) .leg{opacity:0;transform:translateX(var(--from,-56px))}
html.anim .ldd .ch-slips .leg{transition:opacity .4s ease calc(.55s + var(--i)*.17s),transform .75s var(--spring) calc(.55s + var(--i)*.17s)}
html.anim .ldd .ch-slips:not(.in) .slip-in{opacity:.2}
html.anim .ldd .ch-slips .slip-in{transition:opacity .6s ease .2s}
@media (max-width:900px){.ldd .bp{grid-template-columns:minmax(0,1fr)}
.ldd .bp .big{--fs:clamp(2.3rem,13vw,5.8rem)}
.ldd .board{justify-self:start}}
.ldd .ch-steer{--acc:var(--text);--acc-t:var(--text);--sc:var(--ring-amber);transition:--sc .7s ease;color:var(--text)}
.ldd .ch-steer[data-pos="1"]{--sc:var(--ring-red)}
.ldd .ch-steer[data-pos="2"]{--sc:color-mix(in srgb,var(--ring-red) 67%,var(--ring-amber))}
.ldd .ch-steer[data-pos="3"]{--sc:color-mix(in srgb,var(--ring-red) 33%,var(--ring-amber))}
.ldd .ch-steer[data-pos="4"]{--sc:var(--ring-amber)}
.ldd .ch-steer[data-pos="5"]{--sc:color-mix(in srgb,var(--ring-amber) 67%,var(--ring-green))}
.ldd .ch-steer[data-pos="6"]{--sc:color-mix(in srgb,var(--ring-amber) 33%,var(--ring-green))}
.ldd .ch-steer[data-pos="7"]{--sc:var(--ring-green)}
.ldd .ch-steer .bg{background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 40%,var(--ink-950)) 0%,color-mix(in srgb,var(--sc) 24%,var(--ink-950)) 55%,color-mix(in srgb,var(--sc) 12%,var(--ink-950)) 100%)}
.ldd .ch-steer .bg::after{background:radial-gradient(80% 60% at 50% 38%,color-mix(in srgb,var(--sc) 40%,transparent),transparent 70%)}
.ldd .ch-steer .body,.ldd .ch-steer .kick{color:var(--text)}
.ldd .ch-steer .kick .num{color:var(--text)}
.ldd .ch-steer .big{--fs:clamp(1.9rem,min(4.6vw,8svh),5rem)}
.ldd .ch-steer .wa,.ldd .ch-steer .kt .acc{color:var(--text)}
.ldd .ch-steer .ag,.ldd .ch-steer .kt .acc{background:linear-gradient(color-mix(in srgb,var(--sc) 55%,#fff),color-mix(in srgb,var(--sc) 55%,#fff)) no-repeat 0 94%/100% .09em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ldd .st-word{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30ch);gap:6px clamp(24px,4vw,64px);align-items:end;margin-top:clamp(4px,1.6svh,16px)}
.ldd .st-wl{min-width:0}
.ldd .st-word .body{max-width:30ch;padding-bottom:.5em}
.ldd .giant{font:800 clamp(3rem,min(11vw,22svh),13rem)/.92 var(--font-head);letter-spacing:-.045em;color:var(--text);text-shadow:0 0 70px color-mix(in srgb,var(--sc) 60%,transparent)}
.ldd .giant .kv{display:inline-block;white-space:nowrap}
.ldd .giant .gl{display:inline-block}
.ldd .gline{margin-top:clamp(2px,.8svh,10px);font:600 clamp(1.05rem,1.9vw,1.6rem)/1.3 var(--font-head)}
.ldd .sbar{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.ldd .sbar.drag{cursor:grabbing}
.ldd .stop{--bh:clamp(46px,8.2svh,84px);display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;padding:0 1px;background:none;border:0;cursor:inherit}
.ldd .stop .sw{display:block;width:100%;height:var(--bh);background:var(--c);filter:brightness(.52) saturate(.85);transition:filter .35s}
.ldd .stop[aria-checked="true"] .sw{filter:none}
.ldd .stop:hover .sw{filter:brightness(.8)}
.ldd .stop[aria-checked="true"]:hover .sw{filter:none}
.ldd .stop .sl{max-width:100%;padding-bottom:4px;font:700 .74rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 78%,transparent);overflow-wrap:anywhere;text-align:center}
.ldd .stop[aria-checked="true"] .sl{color:var(--text)}
.ldd .stop:focus-visible{outline:none}
.ldd .stop:focus-visible .sw{box-shadow:inset 0 0 0 3px var(--ink-950),inset 0 0 0 6px var(--teal)}
.ldd .stop[data-pos="1"]{--c:var(--ring-red)}
.ldd .stop[data-pos="2"]{--c:color-mix(in srgb,var(--ring-red) 67%,var(--ring-amber))}
.ldd .stop[data-pos="3"]{--c:color-mix(in srgb,var(--ring-red) 33%,var(--ring-amber))}
.ldd .stop[data-pos="4"]{--c:var(--ring-amber)}
.ldd .stop[data-pos="5"]{--c:color-mix(in srgb,var(--ring-amber) 67%,var(--ring-green))}
.ldd .stop[data-pos="6"]{--c:color-mix(in srgb,var(--ring-amber) 33%,var(--ring-green))}
.ldd .stop[data-pos="7"]{--c:var(--ring-green)}
.ldd .knob{position:absolute;top:calc(clamp(46px,8.2svh,84px)/2);left:calc(var(--p)*100%);width:clamp(16px,1.7vw,24px);height:calc(clamp(46px,8.2svh,84px) + 12px);transform:translate(-50%,-50%);border-radius:999px;background:var(--text);box-shadow:0 0 0 4px rgba(7,11,20,.55),0 12px 30px rgba(0,0,0,.5);pointer-events:none;transition:left .6s var(--spring)}
.ldd .sbar.drag .knob{transition:none}
.ldd .hint{margin-top:clamp(2px,.8svh,10px);font-size:.9rem;color:var(--text)}
.ldd .demo{display:grid;grid-template-columns:minmax(210px,.5fr) minmax(0,2fr);gap:clamp(14px,2.4vw,36px);align-items:center;margin-top:clamp(12px,2.2svh,24px);padding:clamp(12px,1.6vw,20px) clamp(14px,2vw,26px);border-radius:var(--r-lg);background:rgba(7,11,20,.7);border:1px solid rgba(234,240,251,.14)}
.ldd .demo-title{font:700 .78rem/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ldd .demo-odds{display:flex;align-items:baseline;gap:12px;margin-top:6px}
.ldd .demo-odds b{font:800 clamp(2.4rem,4vw,3.6rem)/1 var(--font-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ldd .demo-odds span{font-size:.86rem;color:var(--text-dim)}
.ldd .demo-note{margin-top:6px;font-size:.78rem;line-height:1.45;color:var(--text-dim);max-width:30ch}
.ldd .dlegs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.ldd .dlegs>li{align-content:start;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink-900)}
.ldd .dlegs .tm{font-size:.86rem}
@media (max-width:900px){.ldd .st-word{grid-template-columns:minmax(0,1fr)}
.ldd .st-word .body{max-width:44ch}
.ldd .demo{grid-template-columns:minmax(0,1fr)}
.ldd .giant{font-size:clamp(3rem,min(17vw,17svh),9rem)}}
@media (max-width:560px){.ldd .stop .sl{display:none}
.ldd .stop[data-pos="1"] .sl,.ldd .stop[data-pos="7"] .sl{display:block;white-space:nowrap;overflow-wrap:normal}
.ldd .stop[data-pos="1"] .sl{align-self:flex-start;margin-left:calc(var(--pad) - 1px)}
.ldd .stop[data-pos="7"] .sl{align-self:flex-end;margin-right:calc(var(--pad) - 1px)}
.ldd .stop .sw{filter:brightness(.55)}
.ldd .dlegs{grid-template-columns:minmax(0,1fr)}}
.ldd .ch-copy{--acc:var(--gold);--acc-t:var(--gold-text)}
.ldd .ch-copy .bg{background:radial-gradient(60% 60% at 30% 42%,rgba(255,194,77,.1),transparent 66%),radial-gradient(rgba(154,170,200,.17) 1px,transparent 1.6px) 0 0/28px 28px,var(--ink-900)}
.ldd .ch-copy .bg::after{background:radial-gradient(90% 80% at 50% 50%,transparent 30%,var(--ink-900) 100%)}
.ldd .ch-copy .big{--fs:clamp(2.1rem,min(6.2vw,12svh),6.8rem)}
.ldd .cp-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(18px,3.6svh,40px)}
.ldd .cp-main{container-type:inline-size;display:grid;gap:clamp(12px,2svh,20px);min-width:0}
.ldd .seg{justify-self:start;display:inline-grid;grid-auto-flow:column;padding:4px;border-radius:999px;background:var(--ink-800);border:1px solid var(--line)}
.ldd .seg button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:none;color:var(--text-dim);font-weight:700;font-size:.92rem;cursor:pointer;transition:background-color .25s,color .25s}
.ldd .seg button[aria-checked="true"]{background:var(--text);color:var(--ink-950)}
.ldd .seg button[data-k="partial"][aria-checked="true"]{background:var(--ring-amber)}
.ldd .codebig{padding:clamp(14px,3.4cqw,34px);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ink-800),var(--ink-900));border:2px solid var(--line)}
.ldd .codebig[data-partial="1"]{border:2px dashed var(--ring-amber)}
.ldd .code{display:block;margin-top:6px;font:700 clamp(2.3rem,19cqw,10.5rem)/1.05 var(--font-mono);letter-spacing:.07em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}
.ldd .cnote{margin-top:10px;font-size:clamp(.88rem,1.1vw,1rem);color:var(--text)}
.ldd .codebig[data-partial="1"] .cnote{color:var(--warn-text)}
.ldd .ctip{margin-top:4px;min-height:2.9em;font-size:.84rem;line-height:1.45;color:var(--text-dim);max-width:52ch}
.ldd .ctip[hidden]{display:block;visibility:hidden}
.ldd .cp-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(16px,2.4vw,32px)}
.ldd .cp-act .body{flex:1 1 26ch;max-width:36ch;font-size:.95rem;color:var(--text)}
.ldd .copybtn{position:relative;min-width:210px;min-height:60px;padding:0 30px;font-size:1.08rem;isolation:isolate}
.ldd .copybtn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--teal);opacity:0;transition:opacity .3s}
.ldd .copybtn.done{color:var(--on-teal);box-shadow:0 10px 32px -10px rgba(39,227,194,.7)}
.ldd .copybtn.done::before{opacity:1}
.ldd .copybtn .ic{position:relative;width:22px;height:22px;flex:none}
.ldd .copybtn .ic svg{position:absolute;inset:0;transition:transform .4s var(--spring),opacity .2s}
.ldd .copybtn .tick{transform:scale(.3);opacity:0}
.ldd .copybtn.done .clip{transform:scale(.3);opacity:0}
.ldd .copybtn.done .tick{transform:none;opacity:1}
.ldd .sparks{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.ldd .sp{position:absolute;left:0;top:0;width:16px;height:3px;margin:-1.5px 0 0 -8px;border-radius:2px;background:var(--c);transform:rotate(var(--r)) translateX(26px);opacity:0;animation:ldspark .7s cubic-bezier(.1,.7,.3,1) forwards}
@keyframes ldspark{0%{opacity:1;transform:rotate(var(--r)) translateX(30px) scaleX(.3)}70%{opacity:1}100%{opacity:0;transform:rotate(var(--r)) translateX(var(--to)) scaleX(1)}}
.ldd .sheet{justify-self:center;width:min(100%,340px);padding:14px 16px;border-radius:var(--r-lg);background:var(--ink-800);border:1px solid var(--hair);box-shadow:0 30px 70px -24px rgba(0,0,0,.8)}
.ldd .sh-bar{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line);font:700 .76rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.ldd .sh-field{display:grid;gap:3px;margin-top:10px;padding:8px 12px;border-radius:12px;background:var(--ink-950);border:1px solid var(--line)}
.ldd .sh-lab{font:600 .66rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.ldd .sh-val{min-height:1.5rem;font:700 1.2rem/1.3 var(--font-mono);letter-spacing:.14em}
.ldd .sh-rows{margin-top:10px}
.ldd .sh-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;padding:7px 10px;margin-top:5px;border-radius:10px;background:var(--ink-900);border:1px solid var(--line);transition:opacity .35s ease,transform .5s var(--spring)}
.ldd .sh-row .t{font:600 .82rem/1.25 var(--font-body)}
.ldd .sh-row .m{grid-column:1;font-size:.74rem;color:var(--text-dim)}
.ldd .sh-row .p{grid-column:2;grid-row:1/3;align-self:center;font:700 .95rem/1 var(--font-head);font-variant-numeric:tabular-nums}
.ldd .sh-row .un{display:none;grid-column:2;grid-row:1/3;align-self:center;font:700 .74rem/1 var(--font-body);color:var(--warn-text)}
.ldd .sh-row.miss{border:1px dashed var(--ring-amber)}
.ldd .sh-row.miss .p{display:none}
.ldd .sh-row.miss .un{display:block}
.ldd .sh-row:not(.on){opacity:0;transform:translateY(10px)}
.ldd .sh-foot{margin-top:10px;font:700 .8rem/1.2 var(--font-body);color:var(--text)}
@media (max-width:900px){.ldd .cp-grid{grid-template-columns:minmax(0,1fr)}
.ldd .sheet{justify-self:start}}
.ldd .ch-close{--acc:var(--teal);--acc-t:var(--teal-text)}
.ldd .ch-close .bg{background:radial-gradient(60% 70% at 82% 50%,rgba(255,194,77,.09),transparent 66%),radial-gradient(50% 60% at 0% 100%,rgba(39,227,194,.08),transparent 66%),var(--ink-950)}
.ldd .cl-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,5vw,80px);align-items:center}
.ldd .ch-close .big{--fs:clamp(3rem,min(11vw,21svh),11rem)}
.ldd .cl-sub{margin-top:clamp(16px,3svh,30px);font:600 clamp(1.15rem,1.9vw,1.6rem)/1.3 var(--font-head);letter-spacing:-.01em}
.ldd .sym{justify-self:center;width:min(100%,440px)}
.ldd .sym img{width:100%;height:auto}
html.anim .ldd .chapter:not(.in) .sym{transform:scale(.86)}
@media (max-width:900px){.ldd .cl-grid{grid-template-columns:minmax(0,1fr)}
.ldd .ch-close .big{--fs:clamp(3rem,17vw,7rem)}
.ldd .sym{justify-self:start;width:min(60%,260px)}}
@keyframes ldspin{to{--a:360deg}}
@keyframes ldsweep{from{--sw:0deg}to{--sw:360deg}}
@keyframes ldpulse{0%{box-shadow:0 0 0 0 rgba(39,227,194,.55)}80%,100%{box-shadow:0 0 0 10px rgba(39,227,194,0)}}
@keyframes ldfloat{50%{transform:translateY(-8px)}}
@keyframes ldnudge{50%{transform:translateY(4px)}}
@keyframes ldrowin{from{opacity:0;transform:translateX(26px)}}
@keyframes ldglin{from{opacity:0;transform:translateY(.4em)}}
@keyframes lddrift{from{transform:translateY(-5%)}to{transform:translateY(5%)}}
@media (prefers-reduced-motion:no-preference){.ldd .slip::before,.ldd .slip::after{animation:ldspin 16s linear infinite}
.ldd .pulse{animation:ldpulse 2s ease-out infinite}
.ldd .hero-card .slip{animation:ldfloat 7s ease-in-out infinite}
.ldd .how svg{animation:ldnudge 2.2s ease-in-out infinite}
.ldd .rrow{animation:ldrowin .55s var(--ease) both;animation-delay:calc(var(--i)*70ms)}
html.anim .ldd .chapter:not(.in) .rrow{animation:none;opacity:0}
.ldd .giant .gl{animation:ldglin .55s var(--spring) both;animation-delay:calc(var(--i)*30ms)}
html.anim .ldd .ch-steer:not(.in) .giant .gl{animation:none;opacity:0}
html.anim .ldd .ch-slips.in .bpslip::before,html.anim .ldd .ch-slips.in .bpslip::after{animation:ldsweep 1.5s var(--ease) 1.7s both,ldspin 16s linear infinite}
.ldd .sym,.ldd .sym img{transition:transform 1.4s var(--ease)}
.ldd .sheet{transition:transform .5s var(--spring)}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ldd .bg::after{animation:lddrift linear both;animation-timeline:view();animation-range:cover}
.ldd .ch-steer .bg::after,.ldd .ch-slips .bg::after,.ldd .ch-copy .bg::after{animation:none}}}
@media (prefers-reduced-motion:reduce){.ldd *,.ldd *::before,.ldd *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}

/* ---- values the sample set with inline styles; here they are attributes (strict CSP) ---------------------------------------------------- */
.ldd [data-i="0"] { --i: 0; } .ldd [data-i="1"] { --i: 1; } .ldd [data-i="2"] { --i: 2; } .ldd [data-i="3"] { --i: 3; } .ldd [data-i="4"] { --i: 4; } .ldd [data-i="5"] { --i: 5; }
.ldd [data-d="200"] { --d: 200; } .ldd [data-d="250"] { --d: 250; } .ldd [data-d="300"] { --d: 300; } .ldd [data-d="350"] { --d: 350; } .ldd [data-d="400"] { --d: 400; }
.ldd [data-d="450"] { --d: 450; } .ldd [data-d="500"] { --d: 500; } .ldd [data-d="550"] { --d: 550; } .ldd [data-d="600"] { --d: 600; } .ldd [data-d="650"] { --d: 650; }
.ldd [data-d="1500"] { --d: 1500; } .ldd [data-d="1700"] { --d: 1700; }
.ldd .mega rect:nth-child(1) { --k: 0; } .ldd .mega rect:nth-child(2) { --k: 1; } .ldd .mega rect:nth-child(3) { --k: 2; } .ldd .mega rect:nth-child(4) { --k: 3; } .ldd .mega rect:nth-child(5) { --k: 4; }
.ldd .mega { --b: var(--band-green); }
.ldd .bpslip .leg:nth-child(odd) { --from: -56px; }
.ldd .bpslip .leg:nth-child(even) { --from: 56px; }
.ldd .sbar { --p: 0.6429; }
.ldd [data-band="band-red"] { --b: var(--band-red); } .ldd [data-band="band-amber"] { --b: var(--band-amber); } .ldd [data-band="band-lime-amber"] { --b: var(--band-lime-amber); }
.ldd [data-band="band-green"] { --b: var(--band-green); } .ldd [data-band="band-bright-green"] { --b: var(--band-bright-green); }

/* ---- the chip, renamed from .chip (the site has its own) ----------------------------------------------------------------------------- */
.ldd .lchip { text-transform: none; }

/* ---- 6. recent results ----------------------------------------------------------------------------------------------------------------- */
.ldd .ch-results { --acc: var(--teal); }
.ldd .ch-results .bg { background: radial-gradient(60% 60% at 80% 20%, rgba(39, 227, 194, 0.1), transparent 66%), radial-gradient(50% 50% at 0% 100%, rgba(255, 176, 32, 0.07), transparent 66%), var(--ink-950); }
.ldd .ch-results .big { --fs: clamp(2.1rem, min(6.2vw, 12svh), 6.8rem); }
.ldd .ch-results .body { max-width: 60ch; margin-top: clamp(10px, 2svh, 20px); }
.ldd .ch-results .ld-results { margin-top: clamp(14px, 3svh, 28px); }
.ldd .ch-results .res-scroll { max-height: min(56vh, 520px); }
@media (max-width: 900px) { .ldd .ch-results .res-scroll { max-height: min(60vh, 520px); } }

/* ---- a thumb, not a mouse: no snapping, and a list that does not hold the page -------------------------------------------------------------------
   Snapping to each chapter pulled a quick swipe back at every boundary (the page pauses snapping only for a mouse wheel), so on a touch screen the page scrolls freely.
   The results list is shorter on a phone and hands its momentum to the page at either end, so a flick that reaches the end of the list keeps going. */
@media (pointer: coarse) {
  html:has(.ldd) { scroll-snap-type: none; }
  .ldd .ch-results .res-scroll { max-height: min(40svh, 380px); overscroll-behavior: auto; }
}