.detail{padding-block:28px 72px}.d{flex-direction:column;gap:42px;margin:0 auto;display:flex}.d-cs,.d-nb,.d-xp{max-width:800px}.d-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.d-top-r{align-items:center;gap:14px;display:flex}.back{align-items:center;min-height:40px;display:inline-flex}.back:hover{color:var(--accent)}.d-head{flex-direction:column;gap:18px;display:flex}.d-eyebrow{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.d-eyebrow b{color:var(--accent);font-weight:500}.d-title{font:800 clamp(34px, 4.6vw, 52px) / .95 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0}.d-lede{max-width:54ch;font:400 16px/1.5 var(--font-display);color:var(--muted);margin:0}.d-head .facts{margin-top:10px}.d .label,.d .facts dt{font-size:10px}.d .facts dd{font-size:11.5px}.d-head .entry-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.d figure{flex-direction:column;gap:12px;margin:0;display:flex}.d figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.screenshot-link{border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:border-color .2s;display:block;overflow:hidden}.screenshot-link:hover{border-color:var(--accent)}.screenshot-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.screenshot-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;height:30px;padding:0 12px;display:flex}.screenshot-dots{gap:6px;display:flex}.screenshot-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.screenshot-bar .screenshot-address,.screenshot-caption-link{text-transform:none}.screenshot-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screenshot-view{display:block;overflow:hidden}.screenshot-image{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.3,1);display:block}.screenshot-link:hover .screenshot-image{transform:scale(1.02)}.screenshot-caption-link{min-height:40px;color:var(--fg);align-items:center;display:inline-flex}.screenshot-caption-link:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){.screenshot-link:hover .screenshot-image{transform:none}}.sec{border-top:1px solid var(--line);grid-template-columns:128px minmax(0,1fr);gap:12px 40px;padding-top:18px;transition:border-color .6s;display:grid}.d-nb .sec,.d-xp .sec{grid-template-columns:minmax(0,1fr)}.sec h2{margin:0}.sec>div{flex-direction:column;gap:12px;min-width:0;display:flex}.sec p{max-width:62ch;color:var(--body);margin:0;font-size:14px;line-height:1.7}.sec a{border-bottom:1px solid var(--accent)}.sec a:hover{color:var(--accent)}.sec strong{color:var(--fg);font-weight:500}.sec ul{max-width:64ch;color:var(--body);margin:0;padding-left:1.2em}.sec ol{counter-reset:n;max-width:64ch;margin:0;padding:0;list-style:none}.sec ol>li{color:var(--body);counter-increment:n;padding:6px 0 6px 36px;font-size:13.5px;line-height:1.6;position:relative}.sec ol>li:before{content:counter(n, decimal-leading-zero);font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--accent);position:absolute;top:12px;left:0}.d-nb [data-sec=what-i-learned] ol>li:before{content:"L." counter(n)}.d-nb [data-sec=revisited] ol>li:before{content:"R." counter(n)}.d-xp [data-sec=notes] ol>li:before{content:"N." counter(n)}.d-xp [data-sec=revisited] ol>li:before{content:"R." counter(n)}.pn{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;display:grid}.pn a{flex-direction:column;gap:6px;display:flex}.pn a:last-child{text-align:right;align-items:flex-end}.pn b{font:600 clamp(16px, 1.8vw, 19px) / 1.2 var(--font-display);letter-spacing:-.01em;transition:color .2s}.pn a:hover b{color:var(--accent)}.stage{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:crosshair;touch-action:pan-y;border-radius:16px;transition:background-color .5s,border-color .5s,color .5s;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.stage-bar>span:last-child{flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.stage-bar>span:last-child>button{color:var(--fg)}.stage-bar>span:last-child>button:hover{color:var(--accent)}.stage-bar [data-act=pause]:before{content:"";vertical-align:baseline;background:linear-gradient(90deg, var(--accent) 0 35%, transparent 35% 65%, var(--accent) 65%);width:.62em;height:.7em;margin-right:8px;display:inline-block}.stage-bar [data-act=pause][data-paused]:before{background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}.stage-bar button,.fs-exit{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:40px;padding:0}.stage-bar button:hover,.fs-exit:hover{color:var(--accent)}.fs-exit{z-index:2;background:var(--bg);border:1px solid var(--line);border-radius:999px;min-height:36px;padding:0 14px;display:none;position:absolute;top:10px;right:12px}.stage.fs{z-index:100;aspect-ratio:auto;width:100%;height:100%;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;border-radius:0;position:fixed;inset:0}.stage.fs .fs-exit{top:calc(env(safe-area-inset-top,0px) + 10px);display:block}body.fs-lock{overflow:hidden}.stage-art{cursor:auto}.stage.stage-fit{aspect-ratio:auto;cursor:auto;touch-action:auto;padding:24px}.stage.stage-fit.stage-with-themes{padding-top:44px}.stage-theme{z-index:2;border:1px solid var(--line);background:var(--bg);border-radius:999px;gap:2px;padding:2px;transition:background-color .5s,border-color .5s;display:inline-flex;position:absolute;top:7px;right:12px}.stage-theme button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px}.stage-theme button:hover{color:var(--accent)}.stage-theme button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.stage-theme button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage.fs .stage-theme{top:calc(env(safe-area-inset-top,0px) + 13px);right:128px}.heads-up{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 6%, var(--bg));border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.heads-up p{margin:0}.heads-up p:not(.label){max-width:62ch;color:var(--body);font-size:13.5px;line-height:1.6}.heads-up .label{color:var(--accent)}@media (width<=640px){.sec{grid-template-columns:minmax(0,1fr)}.stage{aspect-ratio:1}.stage.stage-fit{padding:16px}.stage.stage-fit.stage-with-themes{padding-top:40px}}@media (width<=560px){.d-head .entry-facts{grid-template-columns:minmax(0,1fr)}.d .stage-bar{flex-direction:column;align-items:flex-start;gap:0}.d .stage-bar>span:last-child{align-self:stretch;gap:0 24px;margin-top:10px}}