.wn{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,48px) max(16px,4vw) clamp(56px,8vw,96px)}.wn.is-enhanced{min-height:calc(100svh - var(--site-header-h));flex-direction:column;padding-bottom: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}}.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}}