/* ---------- 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"]) .dial:where(:not(.v16-root *)){display:block;width:100%;max-width:340px;margin-inline:auto;aspect-ratio:1}









































.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-sky:where(:not(.v16-root *)){--g1:var(--sky-1);--g2:var(--sky-2)}
.dl :where(.app[data-pv="d"]) .g-warm:where(:not(.v16-root *)){--g1:var(--warm-1);--g2:var(--warm-2)}
.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-dusk:where(:not(.v16-root *)){--g1:var(--dusk-1);--g2:var(--dusk-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"]) .win.lg:where(:not(.v16-root *)){width:min(62vw,280px);padding:12px;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 1px rgba(13,27,42,.07) inset,0 46px 80px -46px rgba(13,27,42,.6)}
@media (min-width:1000px){.dl :where(.app[data-pv="d"]) .win.lg:where(:not(.v16-root *)){width:340px;padding:14px}}
.dl :where(.app[data-pv="d"]) .win.md:where(:not(.v16-root *)){width:160px;padding:8px}





.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.flip:where(:not(.v16-root *)){grid-template-columns:minmax(0,1fr) auto}
.dl :where(.app[data-pv="d"]) .duo.flip > :first-child:where(:not(.v16-root *)){order:2}}
.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 .kv:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;gap:2px 14px;font-size:var(--t-meta);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .route .kv b:where(:not(.v16-root *)){all:unset;font-weight:var(--w-ui);color:var(--fg)}
.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"]) .kvrow:where(:not(.v16-root *)){display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:56px;padding-block:14px;box-shadow:0 1px 0 var(--line)}
.dl :where(.app[data-pv="d"]) .kvrow:last-child:where(:not(.v16-root *)){box-shadow:none}
.dl :where(.app[data-pv="d"]) .kvrow > span:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2);min-width:0}
.dl :where(.app[data-pv="d"]) .kvrow > span small:where(:not(.v16-root *)){display:block;font-size:var(--t-meta);color:var(--fg3);margin-top:2px;line-height:1.4}
.dl :where(.app[data-pv="d"]) .kvrow > b:where(:not(.v16-root *)){font-size:var(--t-small);font-weight:var(--w-ui);text-align:right;font-variant-numeric:tabular-nums}
.dl :where(.app[data-pv="d"]) .kvrow > b .ev:where(:not(.v16-root *)){display:block;margin-top:2px}
.dl :where(.app[data-pv="d"]) .kvrow.total:where(:not(.v16-root *)){box-shadow:none;border-top:1.5px solid var(--fg)}
.dl :where(.app[data-pv="d"]) .kvrow.total > span:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .kvrow.total > b:where(:not(.v16-root *)){font-weight:var(--w-head);color:var(--fg)}
.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"]) details.qa .qans .kv:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;gap:2px 14px;font-size:var(--t-meta)}
.dl :where(.app[data-pv="d"]) details.qa .qans .kv b:where(:not(.v16-root *)){font-weight:var(--w-ui);color:var(--fg)}




































.dl :where(.app[data-pv="d"]) .dtable:where(:not(.v16-root *)){display:grid;margin-block:4px}
.dl :where(.app[data-pv="d"]) .dtable .tr:where(:not(.v16-root *)){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding-block:13px;border-bottom:1px solid var(--line);font-size:var(--t-small);line-height:1.45}
.dl :where(.app[data-pv="d"]) .dtable .tr:first-child:where(:not(.v16-root *)){border-top:1.5px solid var(--fg)}
.dl :where(.app[data-pv="d"]) .dtable .tr small:where(:not(.v16-root *)){grid-column:1;font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .dtable .tr .amt:where(:not(.v16-root *)){grid-column:2;grid-row:1 / span 2;text-align:right;font-weight:var(--w-head);font-variant-numeric:tabular-nums;white-space:nowrap}
.dl :where(.app[data-pv="d"]) .dtable .tr .amt .ev:where(:not(.v16-root *)){display:block;margin-top:2px}
.dl :where(.app[data-pv="d"]) .dtable .tr.total:where(:not(.v16-root *)){border-bottom:1.5px solid var(--fg);font-weight:var(--w-head)}
.dl :where(.app[data-pv="d"]) .dtable .th:where(:not(.v16-root *)){display:flex;justify-content:space-between;padding-bottom:8px;font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg3)}









.dl :where(.app[data-pv="d"]) .dlist:where(:not(.v16-root *)){display:grid;gap:10px;padding-left:4px}
.dl :where(.app[data-pv="d"]) .dlist li:where(:not(.v16-root *)){display:flex;gap:12px;font-size:1.0625rem;line-height:1.55}
.dl :where(.app[data-pv="d"]) .dlist li:where(:not(.v16-root *))::before{content:"";flex:none;width:6px;height:6px;margin-top:.62em;border-radius:50%;background:var(--fg)}













.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"]) .kvrow > b .nw:where(:not(.v16-root *)){white-space:nowrap}
.dl :where(.app[data-pv="d"]) .kvrow > span:where(:not(.v16-root *)){flex:1 1 auto}
.dl :where(.app[data-pv="d"]) .kvrow > b:where(:not(.v16-root *)){flex:0 1 auto;max-width:62%}

.dl :where(.app[data-pv="d"]) .winrow:where(:not(.v16-root *)){display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.dl :where(.app[data-pv="d"]) .winrow a:where(:not(.v16-root *)){display:grid;justify-items:center;gap:8px;width:132px;text-align:center}
.dl :where(.app[data-pv="d"]) .winrow a .win:where(:not(.v16-root *)){width:104px;padding:7px}
.dl :where(.app[data-pv="d"]) .winrow a b:where(:not(.v16-root *)){font-size:var(--t-small);font-weight:var(--w-ui);line-height:1.3}
.dl :where(.app[data-pv="d"]) .winrow a span:where(:not(.v16-root *)){margin-top:-6px;font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .winrow a:active .win:where(:not(.v16-root *)){transform:scale(.97)}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .winrow:where(:not(.v16-root *)){flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--g) * -1);padding:4px var(--g) 8px}
.dl :where(.app[data-pv="d"]) .winrow a:where(:not(.v16-root *)){flex:none;width:112px}
.dl :where(.app[data-pv="d"]) .winrow a .win:where(:not(.v16-root *)){width:92px}}
.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"]) .lcard.feature:where(:not(.v16-root *)){display:flex;align-items:center;gap:22px;min-height:0;padding:18px 70px 18px 18px;max-width:760px;margin-inline:auto}
.dl :where(.app[data-pv="d"]) .lcard.feature .copy:where(:not(.v16-root *)){display:grid;gap:6px;min-width:0}
.dl :where(.app[data-pv="d"]) .tooltile:where(:not(.v16-root *)){position:relative;display:flex;flex-direction:column;border-radius:var(--r-card);padding:calc(var(--r-card) - var(--r-inner));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"]) .tooltile .stage:where(:not(.v16-root *)){display:grid;place-items:center;height:110px;border-radius:var(--r-inner);background:var(--stage)}
.dl :where(.app[data-pv="d"]) .tooltile .stage .i:where(:not(.v16-root *)){font-size:34px;stroke-width:1.6}
.dl :where(.app[data-pv="d"]) .tooltile .tt:where(:not(.v16-root *)){display:grid;gap:4px;padding:14px 56px 8px 6px}
.dl :where(.app[data-pv="d"]) .tooltile .tt b:where(:not(.v16-root *)){font-size:var(--t-body);font-weight:var(--w-head);line-height:1.3}
.dl :where(.app[data-pv="d"]) .tooltile .tt span:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2);line-height:1.45}
.dl :where(.app[data-pv="d"]) .tooltile .go2:where(:not(.v16-root *)){position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:var(--ctl);height:var(--ctl);border-radius:50%;background:var(--sunk)}
.dl :where(.app[data-pv="d"]) .tooltile .go2 .i:where(:not(.v16-root *)){font-size:18px}
.dl :where(.app[data-pv="d"]) .tooltile:active:where(:not(.v16-root *)){transform:scale(.985)}
.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"]) .srow .fee.np:where(:not(.v16-root *)){font-weight:400;color:var(--fg3)}
.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"]) .fields3:where(:not(.v16-root *)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dl :where(.app[data-pv="d"]) .fields3 label:where(:not(.v16-root *)){display:grid;gap:6px;font-size:var(--t-meta);color:var(--fg2);line-height:1.3}
.dl :where(.app[data-pv="d"]) .fields3 input:where(:not(.v16-root *)){width:100%;height:52px;padding:0 14px;border:0;border-radius:var(--r-ctl);background:var(--card);box-shadow:0 0 0 1px var(--line2) inset;font-size:1.125rem; font-weight:var(--w-ui);font-variant-numeric:tabular-nums;color:var(--fg)}
.dl :where(.app[data-pv="d"]) .fields3 input:focus:where(:not(.v16-root *)){outline:none;box-shadow:0 0 0 2px var(--fg) inset}

.dl :where(.app[data-pv="d"]) .pvhint:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .dial:where(:not(.v16-root *)){display:block;width:100%;max-width:300px;margin-inline:auto;aspect-ratio:1;color:var(--fg)}
.dl :where(.app[data-pv="d"]) .dial .ring:where(:not(.v16-root *)){fill:none;stroke:var(--line2);stroke-width:2}
.dl :where(.app[data-pv="d"]) .dial .tk:where(:not(.v16-root *)){stroke:currentColor;stroke-opacity:.5;stroke-width:1.4}
.dl :where(.app[data-pv="d"]) .dial .lb:where(:not(.v16-root *)){fill:currentColor;fill-opacity:.7;font:600 12px var(--font)}
.dl :where(.app[data-pv="d"]) .dial .rwy:where(:not(.v16-root *)){fill:currentColor;fill-opacity:.9}
.dl :where(.app[data-pv="d"]) .dial .cl:where(:not(.v16-root *)){stroke:var(--cream);stroke-width:2;stroke-dasharray:10 8}
.dl :where(.app[data-pv="d"]) .dial .rn:where(:not(.v16-root *)){fill:var(--cream);font:700 11px var(--font)}
.dl :where(.app[data-pv="d"]) .dial .wind:where(:not(.v16-root *)){stroke:currentColor;stroke-width:3.5;stroke-linecap:round}
.dl :where(.app[data-pv="d"]) .dial .wdot:where(:not(.v16-root *)){fill:currentColor}
.dl :where(.app[data-pv="d"]) .dial .wn:where(:not(.v16-root *)){fill:var(--cream);font:700 10.5px var(--font)}
.dl :where(.app[data-pv="d"]) .instr:where(:not(.v16-root *)){display:grid;gap:18px;padding:22px var(--pad)}

.dl :where(.app[data-pv="d"]) .keys:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;gap:8px}
.dl :where(.app[data-pv="d"]) .keys button:where(:not(.v16-root *)){min-height:44px;min-width:44px;padding:0 12px;border-radius:12px;background:var(--card);box-shadow:0 0 0 1px var(--line2) inset; font:600 var(--t-small) ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fg);transition:transform var(--quick) var(--ease)}
.dl :where(.app[data-pv="d"]) .keys button[aria-pressed="true"]:where(:not(.v16-root *)){background:var(--fg);color:var(--cream);box-shadow:none}
.dl :where(.app[data-pv="d"]) .keys button:active:where(:not(.v16-root *)){transform:scale(.96)}
.dl :where(.app[data-pv="d"]) .pane:where(:not(.v16-root *)){display:grid;gap:8px}
.dl :where(.app[data-pv="d"]) .pane .where:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .pane .mean:where(:not(.v16-root *)){font-size:var(--t-h2);font-weight:var(--w-head);letter-spacing:-.01em;line-height:1.3}
.dl :where(.app[data-pv="d"]) .pane p:where(:not(.v16-root *)){font-size:var(--t-small);line-height:1.55;color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .pane .trap:where(:not(.v16-root *)){color:var(--fg)}
.dl :where(.app[data-pv="d"]) .plain:where(:not(.v16-root *)){font-size:var(--t-lead);line-height:1.6;color:var(--fg2);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .plain b:where(:not(.v16-root *)){font-weight:var(--w-head);color:var(--fg)}
.dl :where(.app[data-pv="d"]) .mono:where(:not(.v16-root *)){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.dl :where(.app[data-pv="d"]) .segs.wrapit:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;border-radius:22px}













.dl :where(.app[data-pv="d"]) .dtab:where(:not(.v16-root *)){width:100%;border-collapse:collapse;font-size:var(--t-small)}
.dl :where(.app[data-pv="d"]) .dtab th:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .dtab td:where(:not(.v16-root *)){padding:11px 10px 11px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.dl :where(.app[data-pv="d"]) .dtab thead th:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg3);border-bottom:1.5px solid var(--fg)}
.dl :where(.app[data-pv="d"]) .dtab tbody th:where(:not(.v16-root *)){font-weight:var(--w-ui)}
.dl :where(.app[data-pv="d"]) .dtab .fee:where(:not(.v16-root *)){text-align:right;white-space:nowrap;font-weight:var(--w-head);padding-right:0}
.dl :where(.app[data-pv="d"]) .dtab .fee .ev:where(:not(.v16-root *)){display:block;font-weight:400}
.dl :where(.app[data-pv="d"]) .dtab tr.grp th:where(:not(.v16-root *)){padding-top:22px;font-size:var(--t-small);font-weight:var(--w-head);border-bottom:1px solid var(--line2)}
.dl :where(.app[data-pv="d"]) .dtab tr.grp th span:where(:not(.v16-root *)){font-weight:400;color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .tscroll:where(:not(.v16-root *)){overflow-x:auto}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .dtab thead:where(:not(.v16-root *)){display:none}
.dl :where(.app[data-pv="d"]) .dtab tr:where(:not(.v16-root *)){display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:10px;border-bottom:1px solid var(--line)}
.dl :where(.app[data-pv="d"]) .dtab th:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .dtab td:where(:not(.v16-root *)){border:0;padding:0}
.dl :where(.app[data-pv="d"]) .dtab td.where:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .dtab td.cat:where(:not(.v16-root *)),.dl :where(.app[data-pv="d"]) .dtab td.fleet:where(:not(.v16-root *)){grid-column:1;font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .dtab td.fee:where(:not(.v16-root *)){grid-column:2;grid-row:1 / span 4;align-self:start}
.dl :where(.app[data-pv="d"]) .dtab tr.grp:where(:not(.v16-root *)){display:block;padding-top:18px}}


.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"]) .chartimg:where(:not(.v16-root *)){display:block;width:100%;border-radius:var(--r-inner);box-shadow:0 0 0 1px var(--line) inset}
.dl :where(.app[data-pv="d"]) .win.xs img:where(:not(.v16-root *)){transform:scale(1.08)}
.dl :where(.app[data-pv="d"]) .cards3.two-up:where(:not(.v16-root *)){max-width:760px}
@media (min-width:700px){.dl :where(.app[data-pv="d"]) .cards3.two-up:where(:not(.v16-root *)){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 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 :where(.app[data-pv="d"]) .cw-note:where(:not(.v16-root *)){text-align:center}
.dl :where(.app[data-pv="d"]) .dial[data-cw-svg]:where(:not(.v16-root *)){touch-action:none;cursor:grab}

.dl :where(.app[data-pv="d"]) :is(.keys button,.segs button):active:where(:not(.v16-root *)){transform:scale(.97)}
.dl .cf:where(:not(.v16-root *)){display:inline}
.dl .cf-amt:where(:not(.v16-root *)){font-weight:inherit;color:inherit}
.dl .cf-lab:where(:not(.v16-root *)){display:inline;margin-left:.3em;font-style:normal;font-size:.68em;font-weight:500;letter-spacing:.02em;color:var(--fg3);vertical-align:.12em}
.dl .dtable .amt .cf-amt:where(:not(.v16-root *)){display:block}
.dl .dtable .amt .cf-lab:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:400;color:var(--fg3);white-space:nowrap;display:block;margin:2px 0 0;letter-spacing:0;vertical-align:baseline}
.dl .srow .fee:where(:not(.v16-root *)){flex:0 0 auto}
.dl .srow .fee .cf:where(:not(.v16-root *)){display:block}
.dl .srow .fee .cf-amt:where(:not(.v16-root *)){font-weight:inherit}
.dl .srow .fee .cf-lab:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:400;color:var(--fg3);white-space:nowrap;display:block;font-style:normal;white-space:normal;max-width:20ch;margin-left:auto}
.dl .srow .fee .cf[data-disclosure="Undisclosed"]:where(:not(.v16-root *)){font-weight:400;color:var(--fg3)}
.dl .srow .copy .ok:where(:not(.v16-root *)){color:var(--fg2)}
.dl .plead a:where(:not(.v16-root *)),.dl .pair p a:where(:not(.v16-root *)),.dl .dlist a:where(:not(.v16-root *)),.dl .qans 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 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 .plain + .plain:where(:not(.v16-root *)){margin-top:12px}
.dl .plain span:where(:not(.v16-root *)){cursor:pointer;border-radius:4px}
.dl .plain span.on:where(:not(.v16-root *)){background:none;color:inherit;font-weight:var(--w-head);text-decoration:underline 2px;text-underline-offset:3px}
.dl .fields3 label:where(:not(.v16-root *)){grid-template-rows:1fr auto;align-items:end}
.dl .dial .wh:where(:not(.v16-root *)){cursor:grab;outline:none}
.dl .dial .wfocus:where(:not(.v16-root *)){fill:none;stroke:var(--fg);stroke-width:2;opacity:0}
.dl .dial .wh:focus-visible .wfocus:where(:not(.v16-root *)){opacity:1}
.dl .dial .hd:where(:not(.v16-root *)){stroke:var(--cream);stroke-width:4;stroke-linecap:round}
.dl .dial .xw:where(:not(.v16-root *)){stroke:var(--fg3);stroke-width:5;stroke-linecap:round}
.dl .dial .proj:where(:not(.v16-root *)){stroke:var(--fg3);stroke-width:1.2;stroke-dasharray:4 4}
.dl .dial .val:where(:not(.v16-root *)){font:600 11px var(--font);fill:var(--fg)}
.dl .dial .valbox:where(:not(.v16-root *)){fill:var(--card);stroke:var(--line2)}
html:has(.dl .pb){scroll-padding-top:84px}
.dl .tdp .td-fig .k:where(:not(.v16-root *)),.dl .tdp .td-fig.c .k:where(:not(.v16-root *)),.dl .tdp .td-fig.h .k:where(:not(.v16-root *)){color:var(--fg2)}
.dl .tdp:where(:not(.v16-root *)){--ink:var(--fg);--ink-deep:var(--fg);--soft:var(--fg2);--muted:var(--fg3);--paper:var(--bg);--tint:var(--sunk);
  --on-edge:var(--fg);--on-line:var(--line2);font-family:inherit}
.dl .tdp .td-card:where(:not(.v16-root *)),.dl .tdp .td-stage:where(:not(.v16-root *)){box-shadow:var(--card-shadow)}
