.wn{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,48px) max(16px,4vw) clamp(56px,8vw,96px)}.wn.is-enhanced{--wn-screen:calc(100svh - var(--site-header-h));min-height:var(--wn-screen);flex-direction:column;padding-top:clamp(12px,3svh,48px);padding-bottom:clamp(12px,2svh,24px);display:flex}.wn.is-enhanced .wn-stage{flex:1;align-items:center;display:grid}.wn.is-enhanced .wn-stage>*{grid-area:1/1;transition:opacity .3s,visibility 0s linear .3s}.wn.is-enhanced .wn-stage>[data-current]{transition:opacity .3s,visibility}.wn.is-enhanced .wn-stage>:not([data-current]){opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.wn.is-enhanced .wn-stage>*{transition:none}}@media (width<=760px){.wn.is-enhanced .wn-stage>:not([data-current]){display:none}}@media (width>=761px){.wn.is-enhanced .wn-intro{padding:clamp(8px,4svh,72px) 0}.wn.is-enhanced .wn-intro-mark{width:clamp(64px,13svh,120px);margin-bottom:clamp(12px,3svh,28px)}.wn.is-enhanced .wn-intro h1{font-size:clamp(2.4rem,min(7vw,10svh),5.4rem)}.wn.is-enhanced .wn-highlight{padding:0 0 clamp(12px,2.5svh,32px)}.wn.is-enhanced .wn-highlight h2{margin-bottom:clamp(8px,1.8svh,18px);font-size:clamp(1.7rem,min(3.6vw,5svh),3rem)}.wn.is-enhanced :is(.wn-body,.wn-steps){margin-bottom:clamp(8px,1.6svh,16px)}.wn.is-enhanced .wn-note{margin-bottom:clamp(12px,2.6svh,26px)}.wn.is-enhanced .wn-media{width:100%;max-width:calc((var(--wn-screen) - 236px) * 1.6);justify-self:center}.wn.is-enhanced .wn-tile{min-height:clamp(60px,9svh,74px)}.wn.is-enhanced .wn-tile-label{font-size:.92rem;line-height:1.25}.wn.is-enhanced .wn-changelog{margin-top:clamp(8px,2svh,32px)}}@media (width>=761px) and (width<=1100px){.wn.is-enhanced .wn-highlight{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width>=761px) and (height<=820px){.wn.is-enhanced :is(.wn-body,.wn-steps,.wn-note){line-height:1.45}}.wn-intro{text-align:center;flex-direction:column;align-items:center;padding:clamp(32px,6vw,72px) 0;display:flex}.wn-intro-mark{width:clamp(88px,10vw,120px);height:auto;margin:0 auto 28px;display:block}.wn-intro h1{max-width:11ch;font-family:var(--site-font-display);letter-spacing:0;margin:0 auto;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:400;line-height:1.02}.wn-highlight{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:clamp(28px,5vw,64px);padding:8px 0 clamp(36px,5vw,56px);display:grid}.wn:not(.is-enhanced) .wn-highlight+.wn-highlight{border-top:1px solid var(--site-border);padding-top:clamp(36px,5vw,56px)}.wn-highlight h2{font-family:var(--site-font-display);letter-spacing:0;margin:0 0 18px;font-size:clamp(2rem,3.6vw,3rem);font-weight:400;line-height:1.08}.wn-body,.wn-steps,.wn-note{color:var(--site-text-dim);line-height:1.6}.wn-body{margin:0 0 16px;font-size:1.08rem}.wn-steps{margin:0 0 16px;padding-left:1.3em}.wn-steps li+li{margin-top:4px}.wn-note{margin:0 0 26px;font-size:.95rem}.wn-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.wn-actions .text-link{margin-top:0}.wn-next{cursor:pointer;border:0}.wn-next:focus-visible{outline:2px solid var(--site-text);outline-offset:3px}.wn:not(.is-enhanced) .wn-next{display:none}.wn-media{margin:0;position:relative}.wn-media-todo{border:2px dashed var(--site-border);min-height:320px;color:var(--site-text);overflow-wrap:anywhere;border-radius:12px;align-content:center;gap:12px;padding:24px;display:grid}.wn-media-todo p,.wn-media-todo ul{margin:0}.wn-replay{border:1px solid var(--site-border);background:var(--site-surface-raised);width:36px;height:36px;color:var(--site-text);cursor:pointer;border-radius:50%;position:absolute;top:20px;left:20px}.wn-rail{align-items:center;gap:16px;display:flex}.wn:not(.is-enhanced) .wn-rail{display:none}.wn-arrows{flex:none;gap:8px;display:flex}.wn-arrow{border:1px solid var(--site-border);background:var(--site-surface-raised);width:44px;height:44px;color:var(--site-text);font:inherit;cursor:pointer;border-radius:50%;font-size:1.4rem;line-height:1}.wn-arrow:hover{border-color:var(--site-text)}.wn-arrow:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}.wn-tiles{scroll-behavior:smooth;scroll-snap-type:x proximity;flex:1;gap:12px;min-width:0;padding:4px 2px 8px;display:flex;overflow-x:auto}.wn-tile{border:1px solid var(--site-border);background:var(--site-surface-raised);min-height:74px;color:var(--site-text-dim);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;border-radius:13px;flex:1 0 200px;align-items:center;gap:12px;padding:10px 10px 10px 16px;transition:color .15s;display:flex}.wn-tile:hover{color:var(--site-text)}.wn-tile[aria-current=true]{border-color:var(--site-text);box-shadow:inset 0 0 0 1px var(--site-text);color:var(--site-text)}.wn-tile:focus-visible{outline:2px solid var(--site-text);outline-offset:2px}.wn-tile-version{font-family:var(--font-mono);letter-spacing:.08em;color:var(--site-gold);margin-bottom:2px;font-size:11px;display:block}.wn-tile-thumb{object-fit:cover;border:1px solid var(--site-border);border-radius:6px;flex:none;width:72px;height:45px;margin-left:auto}.wn-changelog{color:var(--site-text-dim);text-align:center;margin:32px 0 0}.wn-changelog a{color:var(--site-gold)}@media (prefers-reduced-motion:reduce){.wn-tiles{scroll-behavior:auto}}@media (width<=760px){.wn-highlight{grid-template-columns:minmax(0,1fr)}.wn-tile{flex-basis:220px}}