/* ---------- the public pages in Daylight, a visitor (Aryan's picks of rounds 2 to 4, 15 Oct 2026): the landing's header and
   footer and the rounds' parts, made by public-pages-daylight/port.py from public-pages-options/pub.css and
   public-pages-daylight/pd.css, every rule scoped to these pages; the draft's own additions follow it ---------- */























.dl :where(.app[data-pv="d"]) .crumb:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-top:18px;font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){display:inline-flex;align-items:center;min-height:32px}
.dl :where(.app[data-pv="d"]) .crumb .i:where(:not(.v16-root *)){font-size:13px}
.dl :where(.app[data-pv="d"]) .crumb b:where(:not(.v16-root *)){font-weight:500;color:var(--fg2)}



.dl :where(.app[data-pv="d"]) .stack:where(:not(.v16-root *)){display:grid;gap:var(--gap)}


























































































































































.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){min-height:44px}




.dl :where(.app[data-pv="d"]) .crumb-back:where(:not(.v16-root *)){display:none}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .crumb:where(:not(.v16-root *)){display:none}
.dl :where(.app[data-pv="d"]) .crumb-back:where(:not(.v16-root *)){display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:8px;font-size:var(--t-small);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .crumb-back .i:where(:not(.v16-root *)){font-size:17px}}






.dl :where(.app[data-pv="d"]):where(:not(.v16-root *)){--t-pdisplay:clamp(2.375rem,5.2vw,4.25rem);--t-ptitle:clamp(1.75rem,2.8vw,2.5rem);--t-lead:clamp(1.0625rem,1.35vw,1.1875rem); --t-price:clamp(1.5rem,2.25vw,2rem);--sec:clamp(72px,9vw,128px);--head-gap:clamp(28px,3.2vw,44px); --bezel:#0f1a27;--screen:#eef1f4; --stage:radial-gradient(120% 90% at 50% 0%,#f3efe4 0%,#ebe6d9 60%,#e5dfd0 100%); --sun-1:255,156,86;--sun-2:255,192,150;--sky-1:112,170,240;--sky-2:110,208,188;--warm-1:255,172,112;--warm-2:248,204,110; --sea-1:110,204,182;--sea-2:132,184,245;--dusk-1:250,168,150;--dusk-2:252,206,128;--air-1:112,164,235;--air-2:255,184,132; --tick-green:#00a36c}
.dl :where(.app[data-pv="d"]) .scr:where(:not(.v16-root *)){overflow-x:clip}
.dl :where(.app[data-pv="d"]) .pdisplay:where(:not(.v16-root *)){font-size:var(--t-pdisplay);font-weight:var(--w-head);letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .ptitle:where(:not(.v16-root *)){font-size:var(--t-ptitle);font-weight:var(--w-head);letter-spacing:-.025em;line-height:1.1;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .plead:where(:not(.v16-root *)){font-size:var(--t-lead);line-height:1.5;color:var(--fg2);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .ev:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:400;color:var(--fg3);white-space:nowrap}
.dl :where(.app[data-pv="d"]) .fine:where(:not(.v16-root *)){font-size:var(--t-meta);line-height:1.5;color:var(--fg3);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .link:where(:not(.v16-root *)){display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:var(--t-small);font-weight:var(--w-ui);color:var(--fg)}
.dl :where(.app[data-pv="d"]) .link .i:where(:not(.v16-root *)){font-size:16px;stroke-width:2;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.dl :where(.app[data-pv="d"]) .link:hover .i:where(:not(.v16-root *)){transform:translateX(3px)}}
.dl :where(.app[data-pv="d"]) .link:active:where(:not(.v16-root *)){opacity:.6}
.dl :where(.app[data-pv="d"]) .glowbox:where(:not(.v16-root *)){position:relative;isolation:isolate;--g1:var(--sun-1);--g2:var(--sun-2)}
.dl :where(.app[data-pv="d"]) .glowbox:where(:not(.v16-root *))::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:var(--gi,8% -9% max(-16%,-88px) -9%);filter:blur(var(--gb,40px)); background:radial-gradient(34% 44% at 14% 60%,rgba(var(--g1),.74),rgba(var(--g1),0) 72%),radial-gradient(36% 46% at 86% 54%,rgba(var(--g2),.74),rgba(var(--g2),0) 72%), radial-gradient(58% 36% at 52% 90%,rgba(var(--g1),.48),rgba(var(--g1),0) 72%)}
@media (max-width:899px){.dl :where(.app[data-pv="d"]) .glowbox:where(:not(.v16-root *))::before{--gb:30px;inset:var(--gi,6% -7% max(-10%,-56px) -7%)}}


.dl :where(.app[data-pv="d"]) .g-sea:where(:not(.v16-root *)){--g1:var(--sea-1);--g2:var(--sea-2)}

.dl :where(.app[data-pv="d"]) .g-air:where(:not(.v16-root *)){--g1:var(--air-1);--g2:var(--air-2)}



.dl :where(.app[data-pv="d"]) .phonef:where(:not(.v16-root *)){display:block;width:min(64vw,270px);margin:0}
.dl :where(.app[data-pv="d"]) .phonef .glass:where(:not(.v16-root *)){display:block;padding:4.5%;border-radius:15.4% / 7.06%;background:var(--bezel); box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 30px 50px -24px rgba(13,27,42,.65)}
.dl :where(.app[data-pv="d"]) .phonef .pvscr:where(:not(.v16-root *)){position:relative;display:block;aspect-ratio:390/844;overflow:hidden;border-radius:12% / 5.6%;background:var(--screen)}
.dl :where(.app[data-pv="d"]) .phonef .pvscr img:where(:not(.v16-root *)){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
@media (min-width:1000px){.dl :where(.app[data-pv="d"]) .phonef:where(:not(.v16-root *)){width:300px}}
.dl :where(.app[data-pv="d"]) .figcard:where(:not(.v16-root *)){display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));overflow:hidden;border-radius:var(--r-card);background:var(--card); box-shadow:0 0 0 1px var(--line) inset,0 30px 60px -40px rgba(13,27,42,.35)}
.dl :where(.app[data-pv="d"]) .figcard > div:where(:not(.v16-root *)){display:grid;gap:8px;justify-items:center;align-content:start;text-align:center;padding:24px 14px;container-type:inline-size}
.dl :where(.app[data-pv="d"]) .figcard > div:where(:not(.v16-root *)){box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}
.dl :where(.app[data-pv="d"]) .figcard b:where(:not(.v16-root *)){font-size:min(var(--t-price),17cqi);font-weight:var(--w-head);letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .figcard span:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.35;color:var(--fg2);max-width:24ch}
.dl :where(.app[data-pv="d"]) .figcard .ev:where(:not(.v16-root *)){display:block;margin-top:2px}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .figcard:where(:not(.v16-root *)){--n:2!important}
.dl :where(.app[data-pv="d"]) .figcard > div:where(:not(.v16-root *)){padding:18px 10px}
.dl :where(.app[data-pv="d"]) .figcard b:where(:not(.v16-root *)){font-size:min(1.375rem,15cqi)}
.dl :where(.app[data-pv="d"]) .figcard span:where(:not(.v16-root *)){font-size:var(--t-meta)}}
.dl :where(.app[data-pv="d"]) .pb .hero:where(:not(.v16-root *)){display:grid;justify-items:center;gap:16px;text-align:center;padding-block:28px 40px}
.dl :where(.app[data-pv="d"]) .pb .hero .crumb:where(:not(.v16-root *)){justify-content:center;padding-top:0}
.dl :where(.app[data-pv="d"]) .pb .hero .pdisplay:where(:not(.v16-root *)){max-width:15ch}
.dl :where(.app[data-pv="d"]) .pb .hero .plead:where(:not(.v16-root *)){max-width:44ch}
.dl :where(.app[data-pv="d"]) .pb .hero .acts:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:6px}
.dl :where(.app[data-pv="d"]) .pb .hero .when:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .pb .pvsec:where(:not(.v16-root *)){padding-top:var(--sec)}
.dl :where(.app[data-pv="d"]) .pb .pvsec.first:where(:not(.v16-root *)){padding-top:0}
.dl :where(.app[data-pv="d"]) .shead:where(:not(.v16-root *)){display:grid;gap:10px;justify-items:center;text-align:center;margin-bottom:var(--head-gap)}
.dl :where(.app[data-pv="d"]) .shead .plead:where(:not(.v16-root *)){max-width:46ch;text-wrap:balance}




.dl :where(.app[data-pv="d"]) .duo:where(:not(.v16-root *)){display:grid;gap:44px;justify-items:center;align-items:center}
@media (min-width:1000px){.dl :where(.app[data-pv="d"]) .duo:where(:not(.v16-root *)){grid-template-columns:auto minmax(0,1fr);gap:72px;justify-items:stretch;align-items:start}

}
.dl :where(.app[data-pv="d"]) .duo > .card:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .duo > .route:where(:not(.v16-root *)){width:100%;max-width:640px}






.dl :where(.app[data-pv="d"]) .route:where(:not(.v16-root *)){display:grid;counter-reset:r}
.dl :where(.app[data-pv="d"]) .route li:where(:not(.v16-root *)){position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;padding-bottom:26px}
.dl :where(.app[data-pv="d"]) .route li:where(:not(.v16-root *))::before{content:"";position:absolute;left:19px;top:40px;bottom:2px;width:2px;background:var(--line2)}
.dl :where(.app[data-pv="d"]) .route li:last-child:where(:not(.v16-root *)){padding-bottom:0}
.dl :where(.app[data-pv="d"]) .route li:last-child:where(:not(.v16-root *))::before{display:none}
.dl :where(.app[data-pv="d"]) .route .n:where(:not(.v16-root *)){grid-row:1 / span 3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fg);color:var(--cream);font-size:var(--t-small);font-weight:600;font-variant-numeric:tabular-nums}
.dl :where(.app[data-pv="d"]) .route b:where(:not(.v16-root *)){font-size:var(--t-h3);font-weight:var(--w-head);letter-spacing:-.01em;line-height:1.3;padding-top:8px}
.dl :where(.app[data-pv="d"]) .route p:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.5;color:var(--fg2);text-wrap:pretty}


.dl :where(.app[data-pv="d"]) .route .link:where(:not(.v16-root *)){min-height:36px;margin-top:-2px}



.dl :where(.app[data-pv="d"]) .pair:where(:not(.v16-root *)){display:grid;gap:28px;max-width:1040px;margin-inline:auto}
@media (min-width:860px){.dl :where(.app[data-pv="d"]) .pair:where(:not(.v16-root *)){grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px}}
.dl :where(.app[data-pv="d"]) .pair :is(h2,:where(.app[data-pv="d"]) h3):where(:not(.v16-root *)){font-size:var(--t-h3);font-weight:var(--w-head);letter-spacing:-.01em;margin-bottom:8px}
.dl :where(.app[data-pv="d"]) .pair p:where(:not(.v16-root *)){font-size:var(--t-body);line-height:1.6;color:var(--fg2);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .pair p + p:where(:not(.v16-root *)){margin-top:10px}
















.dl :where(.app[data-pv="d"]) .closeb:where(:not(.v16-root *)){display:grid;justify-items:center;text-align:center;gap:18px}
.dl :where(.app[data-pv="d"]) .closeb .pdisplay:where(:not(.v16-root *)){max-width:12ch}
.dl :where(.app[data-pv="d"]) .closeb .plead:where(:not(.v16-root *)){max-width:46ch;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .closeb .phonef:where(:not(.v16-root *)){margin-top:28px}








































.dl :where(.app[data-pv="d"]) details.qa:where(:not(.v16-root *)){box-shadow:0 1px 0 var(--line)}
.dl :where(.app[data-pv="d"]) details.qa:last-child:where(:not(.v16-root *)){box-shadow:none}
.dl :where(.app[data-pv="d"]) details.qa summary:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding-block:8px;cursor:pointer;list-style:none;font-size:var(--t-small);font-weight:var(--w-ui);line-height:1.35}
.dl :where(.app[data-pv="d"]) details.qa summary:where(:not(.v16-root *))::-webkit-details-marker{display:none}
.dl :where(.app[data-pv="d"]) details.qa summary .i:where(:not(.v16-root *)){flex:none;font-size:18px;color:var(--fg3);transition:transform .2s var(--ease)}
.dl :where(.app[data-pv="d"]) details.qa[open] summary .i:where(:not(.v16-root *)){transform:rotate(180deg)}
.dl :where(.app[data-pv="d"]) details.qa .qans:where(:not(.v16-root *)){display:grid;gap:8px;padding-bottom:16px;font-size:var(--t-small);color:var(--fg2);line-height:1.55}







































































.dl :where(.app[data-pv="d"]) .route li > :not(.n):where(:not(.v16-root *)){grid-column:2}
.dl :where(.app[data-pv="d"]) .route .link:where(:not(.v16-root *)){min-height:44px}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){position:relative}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *))::after{content:"";position:absolute;inset:0 -10px}











.dl :where(.app[data-pv="d"]) .cards3:where(:not(.v16-root *)){display:grid;gap:14px;max-width:1080px;margin-inline:auto}
@media (min-width:700px){.dl :where(.app[data-pv="d"]) .cards3:where(:not(.v16-root *)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.dl :where(.app[data-pv="d"]) .cards3:where(:not(.v16-root *)){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.dl :where(.app[data-pv="d"]) .lcard:where(:not(.v16-root *)){position:relative;display:grid;align-content:start;gap:8px;min-height:148px;padding:20px 64px 20px 20px;border-radius:var(--r-card);background:var(--card); box-shadow:0 0 0 1px var(--line) inset,0 1px 0 rgba(255,255,255,.9) inset,0 24px 48px -34px rgba(13,27,42,.4);transition:transform var(--quick) var(--ease)}
.dl :where(.app[data-pv="d"]) .lcard .k:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .lcard b:where(:not(.v16-root *)){font-size:var(--t-h3);font-weight:var(--w-head);letter-spacing:-.01em;line-height:1.3;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .lcard p:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.5;color:var(--fg2);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .lcard .go2:where(:not(.v16-root *)){position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:var(--ctl);height:var(--ctl);border-radius:50%;background:var(--sunk);color:var(--fg)}
.dl :where(.app[data-pv="d"]) .lcard .go2 .i:where(:not(.v16-root *)){font-size:18px}
.dl :where(.app[data-pv="d"]) .lcard:active:where(:not(.v16-root *)){transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.dl :where(.app[data-pv="d"]) .lcard:hover .go2:where(:not(.v16-root *)){background:var(--fg);color:var(--cream)}}











.dl :where(.app[data-pv="d"]) .states:where(:not(.v16-root *)){columns:1;column-gap:18px;max-width:1080px;margin-inline:auto}
@media (min-width:900px){.dl :where(.app[data-pv="d"]) .states:where(:not(.v16-root *)){columns:2}}
.dl :where(.app[data-pv="d"]) .states .card:where(:not(.v16-root *)){break-inside:avoid;margin-bottom:18px;padding-block:8px 6px}
.dl :where(.app[data-pv="d"]) .states .card-head:where(:not(.v16-root *)){margin-bottom:2px}
.dl :where(.app[data-pv="d"]) .srow:where(:not(.v16-root *)){display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-block:12px;box-shadow:0 1px 0 var(--line)}
.dl :where(.app[data-pv="d"]) .srow:last-child:where(:not(.v16-root *)){box-shadow:none}
.dl :where(.app[data-pv="d"]) .srow .copy:where(:not(.v16-root *)){display:grid;gap:2px;min-width:0}
.dl :where(.app[data-pv="d"]) .srow .copy b:where(:not(.v16-root *)){font-size:var(--t-small);font-weight:var(--w-ui);line-height:1.35}
.dl :where(.app[data-pv="d"]) .srow .copy span:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .srow .fee:where(:not(.v16-root *)){text-align:right;font-size:var(--t-small);font-weight:var(--w-head);font-variant-numeric:tabular-nums;white-space:nowrap}
.dl :where(.app[data-pv="d"]) .srow .fee .ev:where(:not(.v16-root *)){display:block;font-weight:400}

.dl :where(.app[data-pv="d"]) .onward:where(:not(.v16-root *)){display:grid;gap:18px;max-width:1080px;margin-inline:auto}
@media (min-width:900px){.dl :where(.app[data-pv="d"]) .onward:where(:not(.v16-root *)){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
























































.dl :where(.app[data-pv="d"]) .onlinks:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px}
































.dl :where(.app[data-pv="d"]) .win.xs img:where(:not(.v16-root *)){transform:scale(1.08)}


/* the draft's own additions, none of which the rounds could draw: a link to a place on the page lands its heading clear of the
   header; the phone's On this page opens the page's contents under it; the calculator's note for an empty field; the decoder's keys
   and examples press like every button in the app */
.dl :where(.app[data-pv="d"]) .scr [id]:where(:not(.v16-root *)){scroll-margin-top:84px}










.dl .q:where(:not(.v16-root *)){display:grid;gap:16px;padding:20px 18px;border-radius:var(--r-card);background:var(--card);box-shadow:var(--card-shadow)}
@media (min-width:760px){.dl .q:where(:not(.v16-root *)){padding:26px 28px}}
.dl .qwrap.now .q:where(:not(.v16-root *)){box-shadow:0 0 0 1.5px var(--fg) inset,0 24px 48px -36px rgba(13,27,42,.4)}
.dl .q-top:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:space-between;margin:-6px -8px -8px 0}
.dl .q-n:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg3)}
.dl .save[aria-pressed="true"]:where(:not(.v16-root *)){color:var(--fg)}
.dl .save[aria-pressed="true"] .i:where(:not(.v16-root *)){fill:var(--fg)}
.dl .q-text:where(:not(.v16-root *)){font-size:clamp(1.0625rem,1.5vw,1.1875rem);font-weight:var(--w-ui);line-height:1.5;letter-spacing:-.01em;text-wrap:pretty}
.dl .opts:where(:not(.v16-root *)){display:grid;gap:10px}
.dl .opt:where(:not(.v16-root *)){display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 14px 9px 10px;text-align:left;border-radius:var(--r-ctl);background:#fbf9f3;
  box-shadow:0 0 0 1px var(--line) inset;font-size:var(--t-body);line-height:1.35;transition:box-shadow .2s,background-color .2s,transform var(--quick) var(--ease),opacity .2s}
.dl .opt .k:where(:not(.v16-root *)){flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ground);font-size:var(--t-small);font-weight:var(--w-head);color:var(--fg2);
  transition:background-color .2s,color .2s}
.dl .opt .t:where(:not(.v16-root *)){flex:1 1 auto;min-width:0}
.dl .opt .m:where(:not(.v16-root *)){flex:none;display:none;font-size:22px}
.dl .opt:not(:disabled):active:where(:not(.v16-root *)){transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.dl .q:not(.done) .opt:hover:where(:not(.v16-root *)){box-shadow:0 0 0 1px var(--fg3) inset}}
.dl .opt[aria-pressed="true"]:where(:not(.v16-root *)){box-shadow:0 0 0 1.5px var(--fg) inset}
.dl .opt:disabled:where(:not(.v16-root *)){cursor:default}
.dl .q.done .opt:not(.is-ok):not(.is-no):where(:not(.v16-root *)){color:var(--fg3)}
.dl .q.done .opt-r:not(.is-ok):not(.is-no) .r:where(:not(.v16-root *)){box-shadow:0 0 0 2px var(--line2) inset}
.dl .opt.is-ok:where(:not(.v16-root *)){background:var(--ok-fill);box-shadow:0 0 0 1.5px var(--ok-line) inset}
.dl .opt.is-ok .k:where(:not(.v16-root *)){background:var(--ok);color:#fff}
.dl .opt.is-ok .m-ok:where(:not(.v16-root *)){display:block;color:var(--ok)}
.dl .opt.is-no:where(:not(.v16-root *)){background:var(--no-fill);box-shadow:0 0 0 1.5px var(--no-line) inset}
.dl .opt.is-no .k:where(:not(.v16-root *)){background:var(--no);color:#fff}
.dl .opt.is-no .m-no:where(:not(.v16-root *)){display:block;color:var(--no)}
@media (prefers-reduced-motion:no-preference){.dl .opt.now.is-ok .m-ok:where(:not(.v16-root *)),.dl .opt.now.is-no .m-no:where(:not(.v16-root *)){animation:pop .2s var(--ease)}@keyframes pop{from{transform:scale(.85)}}}
/* a chapter's options are round, as Google Forms draws a choice (sketch A, founder 14 Oct 2026: "A"): a ring that takes a tick
   or a cross when marked; the row keeps the tint, the ring carries the mark. The exam room keeps its lettered keys */
.dl .opt-r:where(:not(.v16-root *)){gap:14px;min-height:54px;padding:12px 16px 12px 14px;background:transparent;align-items:flex-start}
.dl .opt-r .r:where(:not(.v16-root *)){position:relative;flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 2px var(--fg3) inset;
  transition:background-color .2s,box-shadow .2s}
.dl .opt-r .r svg:where(:not(.v16-root *)){position:absolute;width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
@media (hover:hover) and (pointer:fine){.dl .q:not(.done) .opt-r:hover:where(:not(.v16-root *)){background:var(--sunk);box-shadow:0 0 0 1px var(--line2) inset}.dl .q:not(.done) .opt-r:hover .r:where(:not(.v16-root *)){box-shadow:0 0 0 2px var(--fg2) inset}}
.dl .opt-r.is-ok:where(:not(.v16-root *)),.dl .opt-r.is-no:where(:not(.v16-root *)){font-weight:var(--w-ui)}
.dl .opt-r.is-ok:where(:not(.v16-root *)){color:var(--ok)}.dl .opt-r.is-no:where(:not(.v16-root *)){color:var(--no)}
.dl .opt-r.is-ok .r:where(:not(.v16-root *)){background:var(--ok);box-shadow:none}
.dl .opt-r.is-no .r:where(:not(.v16-root *)){background:var(--no);box-shadow:none}
.dl .opt-r.is-ok .r-ok:where(:not(.v16-root *)),.dl .opt-r.is-no .r-no:where(:not(.v16-root *)){opacity:1}
@media (prefers-reduced-motion:no-preference){.dl .opt-r.now.is-ok .r:where(:not(.v16-root *)),.dl .opt-r.now.is-no .r:where(:not(.v16-root *)){animation:pop .2s var(--ease)}}
.dl .v-acts:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dl .retry:where(:not(.v16-root *)){height:44px}
/* Play the animation: the Explanation Player opens over the card (live, rule 43) */
.dl .play:where(:not(.v16-root *)){justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;background:var(--card);
  box-shadow:0 0 0 1px var(--line2) inset;font-size:var(--t-small);font-weight:var(--w-ui);color:var(--fg);transition:transform var(--quick) var(--ease)}
.dl .play .i:where(:not(.v16-root *)){font-size:16px;fill:currentColor}
.dl .play:active:where(:not(.v16-root *)){transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.dl .play:hover:where(:not(.v16-root *)){box-shadow:0 0 0 1px var(--fg3) inset}}
.dl .q-after:where(:not(.v16-root *)){display:grid;gap:14px}
.dl .verdict:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.dl .verdict p:where(:not(.v16-root *)){font-weight:var(--w-head);letter-spacing:-.01em}
.dl .verdict p.ok:where(:not(.v16-root *)){color:var(--ok)}.dl .verdict p.no:where(:not(.v16-root *)){color:var(--no)}
.dl .q-text:where(:not(.v16-root *)){white-space:pre-line}
html:has(.dl .pb){scroll-padding-top:84px}
.dl .phonef .pvscr:has(.lob):where(:not(.v16-root *)){container-type:inline-size}
.dl .lob:where(:not(.v16-root *)){position:absolute;inset:0;display:grid;align-content:start;gap:.35em;padding:1.6em 1.15em;font-size:3.6cqi;color:var(--fg);background:var(--bg)}
.dl .lob > b:where(:not(.v16-root *)){font-size:1.45em;font-weight:var(--w-head);letter-spacing:-.02em;padding-bottom:.35em}
.dl .lob-r:where(:not(.v16-root *)){display:flex;align-items:center;gap:.8em;padding:.45em .7em;border-radius:1em;background:var(--card);box-shadow:var(--card-shadow)}
.dl .lob-r .win.xs:where(:not(.v16-root *)){width:2.6em;padding:.22em}
.dl .lob-c:where(:not(.v16-root *)){display:grid;gap:.1em;min-width:0}
.dl .lob-c b:where(:not(.v16-root *)){font-size:1em;font-weight:var(--w-ui);line-height:1.25;white-space:nowrap}
.dl .lob-c span:where(:not(.v16-root *)){font-size:.86em;color:var(--fg2)}
.dl .lcard .cover:where(:not(.v16-root *))::after{content:"";position:absolute;inset:0;border-radius:inherit}
.dl .lcard .k a:where(:not(.v16-root *)){position:relative;z-index:1;display:inline-flex;align-items:center;min-height:32px;margin-block:-6px;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.dl .lcard:has(.cover:focus-visible):where(:not(.v16-root *)){outline:2px solid var(--fg);outline-offset:2px}
.dl .lcard .cover:focus-visible:where(:not(.v16-root *)){outline:none}
.dl a.srow:where(:not(.v16-root *)){transition:opacity .1s var(--ease)}
.dl a.srow:active:where(:not(.v16-root *)){opacity:.6}
@media (hover:hover) and (pointer:fine){.dl a.srow:hover .copy b:where(:not(.v16-root *)){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}}
.dl .srow .copy b .pill.warm:where(:not(.v16-root *)){margin-left:8px;padding:2px 8px;font-size:var(--t-meta);color:var(--accent-text);vertical-align:1px}
.dl .plead a:where(:not(.v16-root *)),.dl .pair p a:where(:not(.v16-root *)),.dl .fine a:where(:not(.v16-root *)){text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.dl .five:where(:not(.v16-root *)){display:grid;gap:18px;max-width:720px;margin-inline:auto}
.dl [data-scr="ppapers"] .sit:where(:not(.v16-root *)){display:grid}
.dl [data-scr="ppapers"] .sit + .sit:where(:not(.v16-root *)){margin-top:4px}
.dl [data-scr="ppapers"] .sit-h:where(:not(.v16-root *)){display:flex;align-items:center;gap:8px;padding:14px 0 4px;font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg3)}
.dl [data-scr="ppapers"] .faq:where(:not(.v16-root *)){max-width:720px;margin-inline:auto;padding:4px 22px}
.dl [data-scr="ppapers"] .onfine:where(:not(.v16-root *)){margin-top:18px;text-align:center}
.dl [data-scr="ppapers"] .onfine a:where(:not(.v16-root *)){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}