/* An edge-aligned wheel. The year and story remain stationary. */
.wheel-preview{--code:#b9a3f0}
.account-menu{position:relative}
.account-menu>summary{width:44px;height:44px;display:grid;place-items:center;list-style:none;cursor:pointer;color:var(--paper)}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{color:var(--red)}
.account-panel{position:absolute;right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 40px);padding:22px;background:#17181a;box-shadow:0 16px 48px #0009}
.account-panel>.eyebrow{display:block;color:var(--muted);margin-bottom:14px;font-size:10px}
.account-panel>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font-size:13px}
.account-panel>a:hover{color:var(--red)}
.account-panel .account-signin{font-weight:600}
.wheel-preview .languages>summary{min-height:44px;display:flex;align-items:center;gap:6px}
.wheel-preview .languages>summary:after{content:'⌄';color:var(--muted)}
.wheel-preview .languages>div{top:calc(100% + 10px)}
.wheel-preview .languages a{min-height:44px;display:flex;align-items:center;gap:16px;justify-content:space-between}
.wheel-preview .languages a[aria-current]:after{content:'✓';color:var(--red)}
.wheel-preview .guidelines-links [data-document="code"]:is(:hover,:focus-visible) h3,
.wheel-preview .guidelines-links [data-document="code"]:is(:hover,:focus-visible) .quiet-link{color:var(--code);border-color:var(--code)}
.wheel-preview .guidelines-links [data-document="code"]:focus-visible{outline-color:var(--code)}
.step-action{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px 40px}
/* Five fading hairlines separate the joining steps without enclosing them. */
.wheel-preview .join-steps{--step-gap:12px;gap:var(--step-gap)}
.wheel-preview .join-steps summary{position:relative}
.wheel-preview .join-steps details+details>summary::before{
 content:"";position:absolute;inset-inline:0;top:calc(var(--step-gap) / -2);height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent 0%,#e6e3dc8a 20%,#c1544eaa 57%,#e6e3dc55 83%,transparent 100%);
 opacity:.68;transition:opacity .28s ease;
}
.wheel-preview .join-steps details:is([open],:focus-within)>summary::before,
.wheel-preview .join-steps details:is([open],:focus-within)+details>summary::before{opacity:1}
@media(hover:hover){
 .wheel-preview .join-steps details:hover>summary::before,
 .wheel-preview .join-steps details:hover+details>summary::before{opacity:.95}
}
@media(max-width:700px){
 .wheel-preview .join-steps{--step-gap:14px}
 .wheel-preview .header-actions{gap:8px}
 .wheel-preview .account-menu{position:static}
 .wheel-preview .account-panel{right:var(--gutter);top:calc(100% - 8px)}
}
.wheel-preview #w-archive{padding:42px var(--gutter) 42px 0;max-width:none;margin:0;scroll-margin-top:12px}
#wheel-stage{margin:0}
.wheel-station{display:grid;grid-template-columns:clamp(310px,24vw,340px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);min-height:440px}
.history-wheel{height:440px;position:relative;min-width:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;outline-offset:-3px}
.history-wheel:focus{outline:none}.history-wheel:focus-visible{outline:1px solid #c1544e99;outline-offset:-3px}.history-wheel.is-dragging{cursor:grabbing}
.history-wheel>svg{display:block;width:472px;height:440px;max-width:none;overflow:visible;transform:translateX(-75px)}
.wheel-pip{cursor:pointer}.wheel-pip line{pointer-events:none}
.wheel-readout{position:absolute;top:50%;left:20px;transform:translateY(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.wheel-year{font:92px/1.05 var(--serif);letter-spacing:-.055em;padding:.02em .12em .06em .02em;color:#d4dbd8;background:linear-gradient(130deg,#e6e3dc,#819499);background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.wheel-year-caption{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-left:6px}
.wheel-bound{position:absolute;left:27px;font:22px/1.2 var(--serif);color:#8d9699;pointer-events:none}
.wheel-bound-start{top:23px}.wheel-bound-end{bottom:23px}
.wheel-story{padding:26px 0;max-width:840px;min-width:0}
.wheel-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 17px;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:16px}
.wheel-scope{text-transform:uppercase;letter-spacing:.1em;color:#b2bcbb}.wheel-importance{color:var(--red)}
.wheel-title{font:clamp(35px,3.6vw,58px)/1.08 var(--serif);letter-spacing:-.025em;overflow-wrap:break-word;margin:0 0 20px}
.wheel-summary{font-size:17px;line-height:1.8;color:#b7bfbc;margin:0 0 26px;max-width:72ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.wheel-story>.button{font-size:14px;padding:10px 19px;min-height:44px}
.wheel-preview #static-chronicle{margin-left:var(--gutter)}
.wheel-preview .preview-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px) and (min-width:701px){
 .wheel-station{grid-template-columns:270px minmax(0,1fr);gap:24px;min-height:390px}
 .history-wheel{height:390px}.history-wheel>svg{width:419px;height:390px;transform:translateX(-72px)}
 .wheel-year{font-size:78px}.wheel-readout{left:16px}.wheel-bound{left:24px}
 .wheel-summary{font-size:16px;line-height:1.75}
}
@media(max-width:700px){
 .wheel-preview #w-archive{padding:22px 0 30px;scroll-margin-top:12px}
 .wheel-station{display:block;min-height:0}.history-wheel{height:210px;width:100%}
 .history-wheel>svg{width:253px;height:236px;position:absolute;top:50%;transform:translate(-20px,-50%)}
 .wheel-readout{left:14px;gap:0}.wheel-year{font-size:62px}.wheel-year-caption{font-size:9px}.wheel-bound{left:24px;font-size:17px}.wheel-bound-start{top:10px}.wheel-bound-end{bottom:10px}
 .wheel-story{padding:12px var(--gutter) 0;max-width:none}.wheel-meta{margin-bottom:10px;font-size:12px;gap:6px 12px}.wheel-title{font-size:35px;margin-bottom:13px}.wheel-summary{font-size:16px;line-height:1.65;margin-bottom:16px;-webkit-line-clamp:6}.wheel-story>.button{min-height:44px;font-size:13px}
}
@media(max-width:360px){.wheel-title{font-size:31px}.wheel-year{font-size:60px}}
/* A single dark landing field, with the slogan replacing duplicate entry links. */
.wheel-preview .site-header,.wheel-preview .hero{background:#010102}
.wheel-preview #w-archive,.wheel-preview #remaining-content > .release-blood{background:linear-gradient(#010102,transparent 180px)}
.wheel-preview .hero-top{justify-content:flex-end}
.wheel-preview .hero-copy .hero-slogan{font-size:clamp(60px,7vw,112px);line-height:.99;letter-spacing:-.06em;color:var(--paper);margin:0}
.wheel-preview .hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}
.wheel-preview .hero-thread{grid-column:2;font-size:13px;line-height:1.6;color:#b7b8b3;text-align:center}
.wheel-preview .hero-bottom .clock{grid-column:3;justify-self:end}
@media(max-width:700px){
 .wheel-preview .hero-copy .hero-slogan{font-size:clamp(46px,11.2vw,78px);max-width:none;margin:0}
 .wheel-preview .hero-bottom{grid-template-columns:1fr;align-items:center;gap:0}
 .wheel-preview .hero-thread{grid-column:1;font-size:12px;text-align:center;max-width:none}
 .wheel-preview .hero-bottom .clock{grid-column:2}
}