.cs{--accent:var(--p-6);--accent-ink:color-mix(in srgb, var(--accent) 55%, var(--ink));--accent-wash:color-mix(in srgb, var(--accent) 12%, transparent);--r-card:1.25rem;--r-img:.875rem;--graphite:#484e55;padding-bottom:clamp(3rem,7vw,6rem)}:root[data-theme=dark] .cs{--graphite:#b4bac1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cs{--graphite:#b4bac1}}.cs .head{padding-top:clamp(2.5rem,6vw,5rem);position:relative}.cs .back{color:var(--graphite);font-size:var(--t-sm);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.45rem;padding-block:.35rem;display:inline-flex}.cs .back svg{width:1.05rem;height:1.05rem;transition:transform var(--dur-base) var(--ease-out)}@media (hover:hover){.cs .back:hover{color:var(--ink)}.cs .back:hover svg{transform:translate(-3px)}}.cs .back:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.cs h1{font-size:var(--t-2xl);letter-spacing:-.04em;max-inline-size:14ch;margin-top:2rem;font-weight:500;line-height:1}.cs .sum{font-size:var(--t-lg);color:var(--graphite);max-inline-size:34rem;margin-top:1.25rem;line-height:1.4}.cs .tags{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.cs .meta{border-block:1px solid var(--seam);flex-wrap:wrap;gap:1.25rem 2.5rem;margin:2.25rem 0 0;padding-block:1.25rem;display:flex}.cs .meta dt{color:var(--graphite);font-size:var(--t-xs)}.cs .meta dd{margin:.15rem 0 0;font-weight:500}.cs .meta>div{max-inline-size:22rem}.cs .opener{display:none}@media (width>=60rem){.cs .opener{pointer-events:auto;--hairline-plate:var(--bench);--hairline-hi:var(--accent);--hairline-edge:var(--graphite);--hairline-mid:color-mix(in srgb, var(--graphite) 70%, var(--bench));--hairline-lo:var(--seam);--hairline-stroke:1;width:min(26rem,34vw);display:block;position:absolute;top:clamp(1rem,3vw,2.5rem);right:0}}.cs .chip{border:1px solid var(--seam);font-size:var(--t-xs);color:var(--ink);background:0 0;border-radius:999px;align-items:center;padding:.28rem .75rem;font-weight:500;line-height:1.2;display:inline-flex}.cs .chip.accent{border-color:color-mix(in srgb, var(--accent) 70%, var(--seam))}.cs .stage{border-radius:var(--r-card);background:var(--stage);aspect-ratio:4/3;margin-top:2rem;position:relative;overflow:hidden}.cs .stage img,.cs .stage-vid{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs .stage-vid{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.cs .stage.playing .stage-vid{opacity:1}@media (width>=48rem){.cs .stage{aspect-ratio:16/9}}.cs .results{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem 2rem;margin-top:clamp(2rem,4vw,3rem);margin-bottom:0;padding:0;list-style:none;display:grid}.cs .results li{border-top:1px solid var(--seam);align-content:start;gap:.3rem;padding-top:.9rem;display:grid}.cs .results strong,.cs .facts strong{font-size:var(--t-xl);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.05}.cs .results strong.txt{font-size:var(--t-lg);letter-spacing:-.02em;line-height:1.2}.cs .lab{font-weight:500}.cs .note{color:var(--graphite);font-size:var(--t-xs)}.cs .ba{gap:5px;margin-top:.4rem;display:grid}.cs .ba i{background:var(--graphite);height:1px;width:var(--w);transform-origin:0;transition:transform var(--dur-hero) var(--ease-out-strong);display:block}.cs .ba i.after{background:var(--accent);height:2px}html.js .cs .results:not(.in) .ba i{transform:scaleX(0)}.cs .source{font-size:var(--t-xs);color:var(--graphite);max-inline-size:44rem;margin-top:1.25rem;line-height:1.5}.cs .layout{grid-template-columns:1fr;gap:2rem;margin-top:clamp(3rem,6vw,5rem);display:grid}@media (width>=64rem){.cs .layout{grid-template-columns:11rem minmax(0,1fr);gap:clamp(2rem,4vw,4rem)}}.cs .rail{display:none}@media (width>=64rem){.cs .rail{align-self:start;display:block;position:sticky;top:6rem}.cs .rail ol{border-left:1px solid var(--seam);margin:0;padding:0;list-style:none}.cs .rail-fill{z-index:1;background:var(--accent);transform-origin:top;width:2px;height:100%;transform:scaleY(var(--read,0));transition:transform var(--dur-fast) linear;position:absolute;top:0;left:0}.cs .rail a{font-size:var(--t-sm);color:var(--graphite);transition:color var(--dur-fast) var(--ease-out);padding:.35rem 0 .35rem .9rem;line-height:1.3;display:block;position:relative}.cs .rail a:before{content:"";border:1px solid var(--seam);background:var(--bench);width:7px;height:7px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;left:-4px}.cs .rail a.on{color:var(--ink);font-weight:500}.cs .rail a.on:before{border-color:var(--accent);background:var(--accent)}@media (hover:hover){.cs .rail a:hover{color:var(--ink)}}}.cs .jump{border:1px solid var(--seam);border-radius:14px}.cs .jump summary{cursor:pointer;min-height:2.75rem;font-size:var(--t-sm);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-weight:500;list-style:none;display:flex}.cs .jump summary::-webkit-details-marker{display:none}.cs .jump summary:after{content:"";width:.55rem;height:.55rem;transition:transform var(--dur-base) var(--ease-out);border-bottom:1.75px solid;border-right:1.75px solid;transform:rotate(45deg)translateY(-2px)}.cs .jump[open] summary:after{transform:rotate(-135deg)}.cs .jump ol{margin:0;padding:0 .5rem .5rem;list-style:none;display:grid}.cs .jump a{border-top:1px solid var(--seam);font-size:var(--t-sm);color:var(--graphite);padding:.7rem .5rem;display:block}.cs .jump summary:focus-visible,.cs .jump a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:12px}@media (width>=64rem){.cs .jump{display:none}}.cs .main{max-inline-size:52rem;min-width:0}.cs section{padding-top:1.75rem;padding-bottom:clamp(3rem,6vw,5rem);scroll-margin-top:5.5rem;position:relative}.cs h2{font-size:var(--t-xl);letter-spacing:-.035em;margin-bottom:1rem;font-weight:500;line-height:1.05}.cs h3{font-size:var(--t-base);letter-spacing:-.01em;margin:1.75rem 0 .5rem;font-weight:600;line-height:1.3}.cs .main p{color:var(--graphite);font-family:var(--font-prose);max-inline-size:38rem;margin-block:.9rem;line-height:1.7}.cs .main p.lead{font-size:var(--t-lg);color:var(--ink);line-height:1.5}.cs .main section>:last-child{margin-bottom:0}.cs .tick{gap:.7rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.cs .tick li{color:var(--graphite);font-family:var(--font-prose);padding-left:1.4rem;line-height:1.55;position:relative}.cs .tick li:before{content:"";background:var(--accent);width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.cs .tick b{color:var(--ink);font-weight:600;font-family:var(--font-display)}.cs .pair{gap:1.5rem;margin-top:1rem;display:grid}@media (width>=44rem){.cs .pair{grid-template-columns:1fr 1fr;gap:2.5rem}.cs .pair h3{margin-top:0}}.cs .process{border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);margin:0 0 clamp(2rem,4vw,3rem)}.cs .process>summary{cursor:pointer;min-height:3.5rem;font-size:var(--t-base);justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;font-weight:500;list-style:none;display:flex}.cs .process>summary::-webkit-details-marker{display:none}.cs .process>summary .sub{font-size:var(--t-xs);color:var(--graphite);margin-top:.15rem;font-weight:400;display:block}.cs .process>summary .tog{border:1px solid var(--seam);width:2rem;height:2rem;transition:border-color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;position:relative}.cs .process>summary .tog:before,.cs .process>summary .tog:after{content:"";background:var(--ink);width:.7rem;height:1.5px;transition:transform var(--dur-base) var(--ease-out);margin:-.75px 0 0 -.35rem;position:absolute;top:50%;left:50%}.cs .process>summary .tog:after{transform:rotate(90deg)}.cs .process[open]>summary .tog:after{transform:rotate(0)}@media (hover:hover){.cs .process>summary:hover .tog{border-color:var(--accent)}}.cs .process>summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cs .process>.inner{padding-top:1rem}.cs .l-tabs{border-bottom:1px solid var(--seam);scrollbar-width:none;gap:clamp(1rem,3vw,2rem);margin-top:1.5rem;display:flex;overflow-x:auto}.cs .l-tabs::-webkit-scrollbar{display:none}.cs .l-tabs [role=tab]{cursor:pointer;min-height:2.75rem;font:inherit;font-size:var(--t-sm);color:var(--graphite);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:none;padding:.8rem 0;position:relative}.cs .l-tabs [role=tab]:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform var(--dur-base) var(--ease-out-strong);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.cs .l-tabs [role=tab][aria-selected=true]{color:var(--ink);font-weight:500}.cs .l-tabs [role=tab][aria-selected=true]:after{transform:scaleX(1)}@media (hover:hover){.cs .l-tabs [role=tab]:hover{color:var(--ink)}}.cs .l-tabs [role=tab]:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:4px}.cs .l-sub{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;display:flex}.cs .l-sub button{cursor:pointer;font:inherit;font-size:var(--t-xs);border:1px solid var(--seam);min-height:2.5rem;color:var(--graphite);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:.35rem .9rem}.cs .l-sub button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);font-weight:500}@media (hover:hover){.cs .l-sub button:hover{color:var(--ink)}}.cs .l-panel{border:1px solid var(--seam);border-radius:var(--r-card);background:0 0;gap:1.25rem;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.cs .l-panel[hidden]{display:none}.cs .l-panel:not([hidden]){animation:l-in var(--dur-base) var(--ease-out)}@keyframes l-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cs .whead h3{font-size:var(--t-lg);letter-spacing:-.02em;color:var(--ink);margin:0 0 .4rem;line-height:1.25}.cs .main .whead p.deck,.cs .main .snote{max-inline-size:40rem;font-family:var(--font-display);font-size:var(--t-sm);color:var(--graphite);margin:0;line-height:1.55}.cs .main .snote{margin-top:.9rem}.cs .dual{gap:1.25rem;margin-top:1.25rem;display:grid}@media (width>=40rem){.cs .dual{grid-template-columns:1fr 1fr;gap:1.5rem}}.cs .dual:has(>div:only-child){grid-template-columns:1fr}.cs .dual h4{font-size:var(--t-sm);color:var(--ink);margin:0 0 .5rem;font-weight:600}.cs .dual ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.cs .dual li{font-size:var(--t-sm);color:var(--ink);padding-left:1.1rem;line-height:1.5;position:relative}.cs .dual li:before{content:"";background:var(--accent);width:.5rem;height:.5rem;position:absolute;top:.5em;left:0}.cs .dual>div:nth-child(2):not(:only-child) li:before{border:1.5px solid var(--graphite);background:0 0}.cs .zoom{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.cs .zoom img{border-radius:var(--r-img);border:1px solid var(--seam);width:100%;height:auto;transition:transform var(--dur-base) var(--ease-out);display:block}.cs .zoom .cap{font-size:var(--t-sm);color:var(--graphite);margin-top:.6rem;display:block}.cs .zoom.wide{margin-top:1.5rem}@media (hover:hover){.cs .zoom:hover img{transform:scale(1.01)}}.cs .zoom:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--r-img)}.cs .strip{grid-template-columns:repeat(auto-fill,minmax(5.25rem,6.25rem));justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cs .strip .zoom img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:10px}.cs .strip.land{grid-template-columns:repeat(auto-fill,minmax(10rem,12.5rem))}.cs .strip.land .zoom img{aspect-ratio:16/10;object-position:top}.cs .strip .cap{font-size:var(--t-xs);margin-top:.4rem;line-height:1.25}.cs .gal{grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.cs .gal{grid-template-columns:1fr 1fr}}.cs .clip{width:min(100%, var(--w,36rem));aspect-ratio:var(--r,1);border-radius:var(--r-img);border:1px solid var(--seam);background:#fff;justify-self:center;margin:0;position:relative;overflow:hidden}.cs .clipv{object-fit:cover;width:100%;height:100%;display:block}.cs .clipbtn{border:1px solid var(--seam);cursor:pointer;background:color-mix(in srgb, var(--paper) 92%, transparent);width:2.75rem;height:2.75rem;color:var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:.6rem;right:.6rem}.cs .clipbtn svg{width:1.1rem;height:1.1rem}.cs .clipbtn .i-pause,.cs .clipbtn[aria-pressed=true] .i-play{display:none}.cs .clipbtn[aria-pressed=true] .i-pause{display:block}.cs .clipbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs .l-panel.has-clip{grid-template-areas:"head""clip""strip"}.cs .l-panel.has-clip .whead{grid-area:head}.cs .l-panel.has-clip .clip{grid-area:clip}.cs .l-panel.has-clip .strip{grid-area:strip}.cs .l-steps{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));--prog:0;margin:1.75rem 0 0;display:grid;position:relative}.cs .l-steps:before{content:"";top:.9rem;left:calc(50% / var(--cols,5));right:calc(50% / var(--cols,5));background:var(--seam);height:1px;position:absolute}.cs .l-steps:after{content:"";top:calc(.9rem - .5px);left:calc(50% / var(--cols,5));width:calc(100% - 100% / var(--cols,5));background:var(--accent);transform-origin:0;height:2px;transform:scaleX(var(--prog));transition:transform var(--dur-slow) var(--ease-out-strong);position:absolute}.cs .l-steps .step{z-index:1;justify-items:center;display:grid;position:relative}.cs .l-steps button{cursor:pointer;width:100%;font:inherit;font-size:var(--t-xs);color:var(--graphite);background:0 0;border:0;justify-items:center;gap:.6rem;padding:0 .15rem .25rem;font-weight:500;line-height:1.2;display:grid}.cs .l-steps .n{border:1px solid var(--seam);background:var(--bench);width:1.8rem;height:1.8rem;color:var(--graphite);transition:border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;font-size:.75rem;font-weight:500;display:grid}.cs .l-steps .step.done .n{border-color:var(--accent);color:var(--ink)}.cs .l-steps .step.cur .n{border:2px solid var(--accent);color:var(--ink);font-weight:600}.cs .l-steps button[aria-selected=true]{color:var(--ink);font-weight:600}@media (hover:hover){.cs .l-steps button:hover .n{border-color:var(--accent)}.cs .l-steps button:hover{color:var(--ink)}}.cs .l-steps button:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:10px}.cs .jp{align-items:center;gap:1.5rem;display:grid}.cs .jp[hidden]{display:none}.cs .jp:not([hidden]){animation:l-in var(--dur-base) var(--ease-out)}@media (width>=52rem){.cs .jp:has(.jimg){grid-template-columns:1fr 1fr}}.cs .jimg{object-fit:contain;border-radius:var(--r-img);border:1px solid var(--seam);background:var(--bench);width:100%;height:auto;max-height:30rem;display:block}.cs .big{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex;margin:0 0 .75rem!important}.cs .big strong{font-family:var(--font-display);font-size:var(--t-2xl);letter-spacing:-.04em;color:var(--accent-ink);font-weight:500;line-height:1}.cs .big span{font-family:var(--font-display);font-size:var(--t-sm);max-inline-size:16rem;color:var(--ink);line-height:1.35}.cs .main .jtext p{color:var(--ink);margin-block:.5rem}.cs .chips{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.cs .gauges{gap:1.4rem;margin:1.75rem 0;padding:0;list-style:none;display:grid}.cs .gauge .track{background:var(--seam);height:1px;margin-block:.45rem;display:block;position:relative}.cs .gauge .fill{height:2px;width:calc(var(--v) * 1%);background:var(--accent);transform-origin:0;transition:transform 1.1s var(--ease-out-strong);position:absolute;top:-.5px;left:0}.cs .gauge .dot{left:calc(var(--v) * 1%);border:1.5px solid var(--accent);background:var(--bench);width:.6rem;height:.6rem;transition:transform .5s var(--ease-out-strong) .9s;border-radius:50%;margin:-.3rem 0 0 -.3rem;position:absolute;top:50%}html.js .gauges:not(.in) .fill{transform:scaleX(0)}html.js .gauges:not(.in) .dot{transform:scale(0)}.cs .gauge p{color:var(--graphite);line-height:1.5;font-family:var(--font-display)!important;margin:.5rem 0 0!important}.cs .gauge strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:.25rem;font-weight:600}.cs .scores{gap:.1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.cs .scores li{border-radius:10px;grid-template-columns:minmax(8rem,13rem) 1fr 2.5rem;align-items:center;gap:1rem;margin-inline:-.5rem;padding:.6rem .5rem;display:grid}.cs .scores .sn{font-size:var(--t-sm)}.cs .scores .track{background:var(--seam);height:1px;display:block;position:relative}.cs .scores .track i{background:var(--accent);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--s));transition:transform 1s var(--ease-out-strong);position:absolute;top:-.5px;left:0}.cs .scores .track b{left:calc(var(--s) * 100%);border:1.5px solid var(--accent);background:var(--bench);border-radius:50%;width:.55rem;height:.55rem;margin:-.275rem 0 0 -.275rem;position:absolute;top:50%}.cs .scores li.low .track i{background:var(--p-3)}.cs .scores li.low .track b{border-color:var(--p-3)}.cs .scores .sv{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}html.js .cs .scores:not(.in) .track i{transform:scaleX(0)}.cs .scores li:hover,.cs .scores li:focus-visible{background:var(--accent-wash)}@media (width<=36rem){.cs .scores li{grid-template-columns:1fr 2.5rem}.cs .scores .track{grid-area:2/1/auto/-1}}.cs .swatches{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cs .swatches button{cursor:pointer;text-align:left;border:1px solid var(--seam);width:100%;font:inherit;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:14px;justify-items:start;gap:.15rem;padding:.6rem;display:grid}.cs .chipc{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);border-radius:9px;width:100%;height:3.25rem;margin-bottom:.45rem;display:block}.cs .cn{font-size:var(--t-xs);font-weight:600;line-height:1.25}.cs .ch{font-size:var(--t-xs);color:var(--graphite);font-variant-numeric:tabular-nums}@media (hover:hover){.cs .swatches button:hover{border-color:var(--accent)}}.cs .swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cs .main p.copied{min-height:1.5em;font-family:var(--font-display);font-size:var(--t-sm);color:var(--ink);margin:.75rem 0 0}.cs .scale{border-radius:var(--r-card);border:1px solid var(--seam);margin-top:1.5rem;padding:1rem 1.25rem}.cs .main .scale-note{font-family:var(--font-display);font-size:var(--t-sm);margin:0 0 .75rem}.cs .scale ul{margin:0;padding:0;list-style:none;display:grid}.cs .scale li{border-top:1px solid var(--seam);justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;display:flex}.cs .scale li:first-child{border-top:0}.cs .sz{letter-spacing:-.02em;color:var(--ink);font-weight:600}.cs .px{font-size:var(--t-xs);color:var(--graphite);font-variant-numeric:tabular-nums}.cs .facts{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.25rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cs .facts li{border-top:1px solid var(--seam);align-content:start;gap:.3rem;padding-top:.9rem;display:grid}.cs .vids{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.cs .vids{grid-template-columns:1fr 1fr}}.cs .vid{cursor:pointer;aspect-ratio:16/9;border-radius:var(--r-card);border:1px solid var(--seam);width:100%;font:inherit;color:var(--ink);text-align:left;transition:border-color var(--dur-fast) var(--ease-out);background:0 0;align-content:end;justify-items:start;gap:.2rem;padding:1.1rem;display:grid;position:relative}.cs .vid .play{border:1.5px solid var(--accent);width:2.75rem;height:2.75rem;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:1.1rem;right:1.1rem}.cs .vid .play svg{width:1.15rem;height:1.15rem}.cs .vid .vt{font-size:var(--t-base);letter-spacing:-.01em;max-inline-size:85%;font-weight:600;line-height:1.3}.cs .vid .vs{font-size:var(--t-xs);color:var(--graphite)}@media (hover:hover){.cs .vid:hover{border-color:var(--accent)}}.cs .vid:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cs .vid-frame{aspect-ratio:16/9;border-radius:var(--r-card);border:0;width:100%;display:block}.cs .nextprev{gap:1rem;margin-top:clamp(2rem,5vw,4rem);display:grid}@media (width>=40rem){.cs .nextprev{grid-template-columns:1fr 1fr}}.cs .nextprev a{border-radius:var(--r-card);border:1px solid var(--seam);transition:border-color var(--dur-fast) var(--ease-out);gap:.25rem;padding:1.25rem 1.5rem;display:grid}.cs .nextprev a.next{text-align:right}.cs .nextprev span{font-size:var(--t-xs);color:var(--graphite)}.cs .nextprev strong{font-size:var(--t-lg);letter-spacing:-.02em;font-weight:500}@media (hover:hover){.cs .nextprev a:hover{border-color:var(--accent)}}.cs .decisions{counter-reset:dec;margin:1.5rem 0 0;padding:0;list-style:none}.cs .decision{counter-increment:dec;gap:.75rem 2rem;padding-block:1.5rem;display:grid;position:relative}.cs .decision:before{content:"";background:var(--seam);transform-origin:0;height:1px;transition:transform var(--dur-hero) var(--ease-out-strong);position:absolute;top:0;left:0;right:0}html.js .cs .decision:not(.in):before{transform:scaleX(0)}@media (width>=44rem){.cs .decision{grid-template-columns:11rem minmax(0,1fr)}}.cs .decision h3{font-size:var(--t-lg);letter-spacing:-.02em;margin:0;line-height:1.25}.cs .decision h3:before{content:counter(dec, decimal-leading-zero);font-size:var(--t-xs);letter-spacing:0;color:var(--accent-ink);margin-bottom:.4rem;font-weight:500;display:block}.cs .decision dl{gap:.9rem;margin:0;display:grid}.cs .decision dt{font-size:var(--t-xs);color:var(--graphite);align-items:center;gap:.45rem;margin-bottom:.15rem;font-weight:600;display:flex}.cs .decision dt:before{content:"";background:var(--graphite);flex:none;width:.5rem;height:.5rem}.cs .decision dl>div:first-child dt:before{background:var(--p-2)}.cs .decision dl>div:nth-child(2) dt:before{background:var(--p-1)}.cs .decision dl>div:nth-child(3) dt:before{background:var(--p-6)}.cs .decision dd{font-size:var(--t-sm);color:var(--ink);max-inline-size:38rem;margin:0;line-height:1.55}.cs .reflect{border-left:2px solid var(--accent);margin-top:1rem;padding:.25rem 0 .25rem 1.5rem}.cs .reflect .kicker{font-size:var(--t-xs);letter-spacing:.01em;color:var(--accent-ink);margin:0 0 .6rem;font-weight:600}.cs .main .reflect p.lead{font-size:var(--t-lg);margin-top:0;line-height:1.45}.cs .alist{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.cs .alist li{transition:border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;border-radius:14px;padding:.25rem .5rem}.cs .alist li.on{border-color:var(--seam)}.cs .ai{cursor:pointer;text-align:left;width:100%;font:inherit;font-size:var(--t-base);letter-spacing:-.01em;color:var(--ink);background:0 0;border:0;align-items:center;gap:.7rem;min-height:2.75rem;padding:.55rem .25rem;font-weight:600;display:flex}.cs .ai .num{border:1.5px solid var(--seam);width:1.5rem;height:1.5rem;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.cs .alist li.on .ai .num{border-color:var(--accent)}.cs .ai:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:10px}.cs .main .alist p{font-family:var(--font-display);font-size:var(--t-sm);color:var(--graphite);margin:0 0 .6rem 2.45rem;padding-right:.5rem;line-height:1.55;display:none}.cs .main .alist li.on p{display:block}.cs .scr{align-items:start;gap:1.5rem;display:grid}.cs .scr[hidden]{display:none}@media (width>=52rem){.cs .scr:not(.wide){grid-template-columns:auto minmax(0,1fr);gap:2.5rem}}.cs .phone{inline-size:min(100%, calc(var(--ar) * 40rem), 22rem);justify-self:center;position:relative}.cs .scr.wide .phone{inline-size:100%;max-inline-size:48rem}.cs .phone img{width:100%;height:auto;display:block}.cs .phone.solid img{border-radius:var(--r-img);border:1px solid var(--seam)}.cs .hot{cursor:pointer;width:1.75rem;height:1.75rem;font:inherit;color:#12151a;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ffffffeb;border:1.5px solid #12151a;border-radius:50%;place-items:center;padding:0;font-size:.75rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffd9}.cs .hot:before{content:"";border-radius:50%;position:absolute;inset:-8px}.cs .hot.on{border-color:var(--accent);border-width:2.5px;transform:translate(-50%,-50%)scale(1.12)}.cs .hot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cs .pairs{border-top:1px solid var(--seam);grid-template-columns:1fr;gap:.6rem;margin-top:.75rem;padding-top:1.25rem;display:grid}.cs .main .pairs .ph1,.cs .main .pairs .ph2{line-height:1.4;font-family:var(--font-display);font-size:var(--t-sm);color:var(--ink);max-inline-size:none;margin:0;font-weight:600}.cs .pr{border:1px solid var(--seam);font-size:var(--t-sm);border-radius:14px;gap:.2rem;padding:.8rem 1rem;line-height:1.45;display:grid}.cs .pr strong{color:var(--ink);font-weight:600}.cs .pr span{color:var(--graphite)}.cs .pr.appr{border-color:color-mix(in srgb, var(--accent) 60%, var(--seam))}@media (width>=44rem){.cs .pairs{grid-template-columns:1fr 1fr;gap:.6rem 1rem}.cs .ph2{grid-column:2}}@media (width<=43.99rem){.cs .ph2{margin-top:.5rem!important}}.cs .chartbox{border:1px solid var(--seam);border-radius:var(--r-card);margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.cs .chartbox h3{font-size:var(--t-lg);letter-spacing:-.02em;margin-top:0}.cs .chartbox p.dh{font-family:var(--font-display);font-size:var(--t-sm);margin:.4rem 0 1.25rem}.cs .linechart{width:100%;height:11rem;position:relative}.cs .linechart svg{width:100%;height:100%;display:block;overflow:visible}.cs .linechart .grid{stroke:var(--seam);stroke-width:1px;vector-effect:non-scaling-stroke}.cs .linechart .bar{stroke:var(--graphite);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.45;transition:stroke var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.cs .linechart .bar.lo{stroke:var(--p-6);opacity:1}.cs .linechart .bar.hi{stroke:var(--p-2);opacity:1}.cs .linechart .alert{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.cs .axis{font-size:var(--t-xs);color:var(--graphite);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.4rem;display:flex}.cs .ctrl{gap:.6rem;margin-top:1.25rem;display:grid}.cs .ctrl label{font-size:var(--t-sm);font-weight:500}.cs .ctrl output{font-variant-numeric:tabular-nums;color:var(--accent-ink);font-weight:600}.cs input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:2rem}.cs .main p.read-out{line-height:1.55;font-family:var(--font-display);font-size:var(--t-sm);color:var(--ink);margin:.75rem 0 0}.cs .cmp{border:1px solid var(--seam);border-radius:var(--r-card);align-items:center;gap:1.5rem;margin:2rem 0;padding:clamp(1.25rem,3vw,2rem);display:grid}@media (width>=48rem){.cs .cmp{grid-template-columns:minmax(0,1fr) auto;gap:3rem}}.cs .cmp h3{font-size:var(--t-lg);letter-spacing:-.02em;margin:0 0 .4rem}.cs .main .cmp p{font-family:var(--font-display);font-size:var(--t-sm);color:var(--graphite);max-inline-size:26rem;margin:0 0 1.25rem;line-height:1.55}.cs .cmp-btns{gap:.5rem;display:flex}.cs .cmp-btns button{cursor:pointer;font:inherit;font-size:var(--t-sm);border:1px solid var(--seam);min-height:2.75rem;color:var(--graphite);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:.6rem 1.1rem}.cs .cmp-btns button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);font-weight:500}@media (hover:hover){.cs .cmp-btns button:hover{color:var(--ink)}}.cs .cmp-frame{inline-size:18rem;max-inline-size:100%;aspect-ratio:var(--ratio,360 / 800);touch-action:none;user-select:none;cursor:ew-resize;justify-self:center;position:relative}.cs .cmp-frame img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cs .cd{clip-path:inset(0 0 0 var(--p));position:absolute;inset:0}.cs .grip{top:0;bottom:0;left:var(--p);cursor:ew-resize;background:0 0;border:0;width:2.75rem;margin-left:-1.375rem;padding:0;position:absolute}.cs .grip span{background:var(--ink);width:2px;box-shadow:0 0 0 1px var(--bench);margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.cs .grip span:after{content:"";background:var(--bench);border:1.5px solid var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312151a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.25rem;border-radius:50%;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;position:absolute;top:50%;left:50%}.cs .grip:focus-visible span:after{outline:2px solid var(--accent);outline-offset:3px}.cs .drift{margin-top:1.5rem;position:relative}.cs .drift-view{overflow-x:hidden}.cs .drift-track{gap:1rem;width:max-content;margin:0;padding:0;list-style:none;display:flex}.cs .drift-item{flex:none;width:min(78vw,24rem)}.cs .drift-item .zoom img{aspect-ratio:3/2;object-fit:cover}.cs .drift-btn{border:1px solid var(--seam);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-top:1rem;padding:0;display:grid}.cs .drift-btn svg{width:1.1rem;height:1.1rem}.cs .drift-btn .i-play,.cs .drift-btn[aria-pressed=true] .i-pause{display:none}.cs .drift-btn[aria-pressed=true] .i-play{display:block}.cs .drift-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.cs .drift-btn:hover{border-color:var(--accent)}}.cs .lb{color:#fff;background:#080c0aed;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:.75rem}.cs .lb[open]{animation:l-in var(--dur-base) var(--ease-out);grid-template-rows:auto minmax(0,1fr);display:grid}.cs .lb::backdrop{background:#080c0ae6}.cs .lb-bar{align-items:center;gap:.6rem;padding-bottom:.75rem;display:flex}.cs .lb-bar form{margin:0}.cs .lb-cap{min-width:0;font-size:var(--t-sm);color:#e3e7e4;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.cs .lb-count{font-size:var(--t-xs);color:#c9cfcc;font-variant-numeric:tabular-nums}.cs .lb-btn{cursor:pointer;font:inherit;font-size:var(--t-sm);color:#fff;white-space:nowrap;background:0 0;border:1px solid #ffffff8c;border-radius:999px;min-height:2.75rem;padding:.5rem 1rem}.cs .lb-btn[aria-pressed=true]{color:#10151a;background:#fff}@media (hover:hover){.cs .lb-btn:hover{border-color:#fff}}.cs .lb-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.cs .lb-view{border-radius:12px;place-items:center;min-height:0;display:grid;overflow:auto}.cs .lb-view img{object-fit:contain;cursor:zoom-in;background:#fff;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.cs .lb.actual .lb-view{place-items:start}.cs .lb.actual .lb-view img{max-width:none;max-height:none;width:var(--nw,100%);cursor:zoom-out}@media (prefers-reduced-motion:reduce){.cs .l-panel:not([hidden]),.cs .jp:not([hidden]),.cs .lb[open]{animation:none}.cs .jump summary:after,.cs .process>summary .tog:before,.cs .process>summary .tog:after{transition:none}}.cs .main p.outlink{margin:1.25rem 0 0}.cs .outlink a{border:1px solid var(--seam);min-height:2.75rem;color:var(--ink);font-family:var(--font-display);font-size:var(--t-sm);transition:border-color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;display:inline-flex}.cs .outlink a svg{width:1rem;height:1rem}@media (hover:hover){.cs .outlink a:hover{border-color:var(--accent)}}.cs .outlink a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cs .moments{border-block:1px solid var(--seam);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:clamp(1.75rem,3vw,2.5rem);padding-block:1rem;display:flex}.cs .moments .mlab{font-size:var(--t-sm);color:var(--graphite)}.cs .moments ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cs .moments a{border:1px solid var(--seam);min-height:2.5rem;font-size:var(--t-sm);transition:border-color var(--fade-fast) var(--ease-out), background var(--fade-fast) var(--ease-out);border-radius:999px;align-items:center;padding:0 1rem;font-weight:500;display:inline-flex}@media (hover:hover){.cs .moments a:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}}.cs .moments a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cs .chip{transition:border-color var(--fade-fast) var(--ease-out), background-color var(--fade-fast) var(--ease-out)}@media (hover:hover){.cs .chip:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}}