/* Long-form stage guide: readable summaries with optional depth. */
.stage-index-opening{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:40px}
.stage-index-opening h2,.stage-index-opening p{margin:0}
.stage-index-opening p{max-width:48ch}
.stage-index-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;list-style:none;padding:0;margin:0}
.stage-index-list li{margin:0;border-top:1px solid var(--drawing-line)}
.stage-index-list a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:16px;min-height:64px;padding-block:18px;text-decoration:none;color:var(--color-night-ink)}
.stage-index-list a>span:first-child,.stage-range,.stage-number{font-variant-numeric:tabular-nums;font-size:16px}
.stage-index-list a>span:nth-child(2){font-weight:600}
.stage-range{color:var(--color-charcoal);white-space:nowrap}
.stage-index-list a:focus-visible,.stage-back:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:4px}
.stage-reading-note{display:flex;gap:48px;align-items:center;justify-content:space-between;border-top:1px solid var(--drawing-line);padding-top:32px;margin-top:24px}
.stage-reading-note p{max-width:68ch;margin:0}
.stage-reading-note .button{flex:none}
.stage-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.stage-toggle[data-expanded="true"] .stage-plus{display:none}
.stage-guide{padding-bottom:var(--space)}
.stage-chapter{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;padding-block:calc(var(--space)/2);border:0;align-items:start;scroll-margin-top:88px}
.stage-chapter:first-child{border-top:0;padding-top:0}
.stage-chapter:last-child{padding-bottom:0}
/* Half of the section rhythm on each adjacent block yields one consistent gap. */
.stage-photo-break{height:clamp(360px,42vw,560px);margin:calc(var(--space)/2) 0;border:0;scroll-margin-top:88px}
.stage-photo-break .photo-parallax-layer>img{object-position:var(--stage-photo-focus) center}
.stage-chapter-intro{position:sticky;top:96px;min-width:0}
.stage-chapter h2{font-size:30px;line-height:1.2;margin:0 0 24px;text-wrap:balance;letter-spacing:-.02em}
.stage-chapter-intro p{margin:0 0 24px;max-width:38ch}
.stage-back{font-size:17px;line-height:1.5}
.stage-entries{min-width:0;border-top:1px solid var(--drawing-line)}
.recording-stage{padding:0;margin:0;border:0;border-bottom:1px solid var(--drawing-line);border-radius:0;background:transparent;scroll-margin-top:88px}
.recording-stage>summary{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:16px;align-items:start;list-style:none;padding:24px 0;color:var(--color-charcoal);cursor:pointer;border:0;border-radius:0;background:transparent;min-width:0}
.recording-stage>summary::-webkit-details-marker{display:none}
.recording-stage>summary::after,.recording-stage>summary::before{display:none}
.stage-number{padding-top:4px;line-height:1.5;color:var(--color-night-ink)}
.stage-summary-copy{min-width:0}
.recording-stage h3{font-size:22px;line-height:1.3;margin:0 0 10px;letter-spacing:-.01em;text-wrap:pretty}
.stage-window{display:block;font-size:17px;line-height:1.6}
.recording-stage>summary>svg{width:24px;height:24px;margin-top:3px;fill:none;stroke:var(--color-night-ink);stroke-width:1.5}
.recording-stage[open]>summary .stage-plus{display:none}
.recording-stage>summary:focus-visible{outline:3px solid var(--color-night-ink);outline-offset:5px}
.stage-notes{padding:0 40px 28px 44px}
.stage-notes p{margin:0;max-width:66ch}
.stage-notes p+p{margin-top:18px}
.stage-notes strong{color:var(--color-night-ink);font-weight:600}
.stage-reference-list{padding-left:24px;margin:24px 0 0}
.stage-reference-list li{padding:0 0 16px 4px}
.stage-reference-list li:last-child{padding-bottom:0}
@media(hover:hover) and (pointer:fine){
 .stage-index-list a:hover{background:color-mix(in srgb,var(--color-storybook-green) 35%,white)}
 .stage-index-list a:hover>span:nth-child(2),.stage-back:hover{text-decoration:underline;text-underline-offset:4px}
 .recording-stage>summary:hover h3{color:var(--color-night-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
}
@media(max-width:1050px){.stage-chapter{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}.stage-reading-note{align-items:start;flex-direction:column;gap:24px}}
@media(max-width:960px){.stage-chapter{grid-template-columns:1fr;gap:32px}.stage-chapter-intro{position:static}.stage-chapter-intro p{max-width:65ch}.stage-chapter h2{max-width:30ch}.stage-index-opening{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){
 .stage-photo-break{height:auto;aspect-ratio:4/3}
 .stage-index-list{grid-template-columns:1fr;gap:0}
 .stage-index-opening{margin-bottom:32px}
 .stage-index-opening h2 br{display:none}
 .stage-index-list a{gap:12px;grid-template-columns:24px minmax(0,1fr) auto}
 .stage-chapter h2{font-size:28px;max-width:20ch;margin-bottom:20px}
 .recording-stage>summary{grid-template-columns:24px minmax(0,1fr) 20px;gap:12px;padding-block:22px}
 .recording-stage h3{font-size:22px}
 .recording-stage>summary>svg{width:20px;height:20px;margin-top:4px}
 .stage-notes{padding:0 0 24px 36px}
}
@media(max-width:380px){.stage-notes{padding-left:0}.stage-range{display:none}}
@media print{
 .stage-photo-break{display:none}
 .stage-chapter{display:block;break-inside:auto}.stage-chapter-intro{position:static}
 .stage-toggle,.stage-back,.recording-stage>summary>svg{display:none!important}
 .recording-stage::details-content{content-visibility:visible;display:block}
 .stage-notes{display:block!important;padding:0 0 24px 44px}
 .recording-stage>summary{break-after:avoid}
}