/* Hallmark · macrostructure: Split Studio · tone: practical editorial · anchor hue: blue · nav: N6 · footer: Ft4
 * H2 knobs: ratio=7/5, proof=reading routes, divider=negative space · enrichment: none
 * pre-emit critique: P4 H4 E4 S5 R4 V4 · contrast, responsive and honest-copy checks passed
 */
@import url('/assets/css/scenario-selection-tokens.css');
html,body{overflow-x:clip}*{box-sizing:border-box}body.scene-page{margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-base)/1.65 var(--font-body)}
.scene-page a{color:var(--color-brand);text-underline-offset:4px}.scene-page :focus-visible,.sel-box :focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.scene-shell{width:min(var(--width),100%);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.scene-page h1,.scene-page h2,.scene-page h3{font-family:var(--font-display);font-weight:700;font-style:normal;line-height:1.12;overflow-wrap:anywhere;min-width:0}.scene-page h1{font-size:var(--text-display);max-width:16ch;margin:0}.scene-page h2{font-size:var(--text-section);margin:0 0 var(--space-md)}.scene-page h3{font-size:var(--text-lede);margin:0 0 var(--space-sm)}.scene-page p{max-width:65ch;margin:0 0 var(--space-md)}.scene-page ul,.scene-page ol{padding-inline-start:var(--space-lg);margin-block:var(--space-md)}.scene-page li{margin-block:var(--space-sm)}
.scene-skip{position:absolute;inset-inline-start:var(--space-md);top:-100px;z-index:10;padding:var(--space-md);background:var(--color-paper)}.scene-skip:focus{top:0}.scene-mast{padding-block:var(--space-lg);text-align:center;border-bottom:4px double var(--color-line)}.scene-wordmark{font:700 var(--text-section)/1.2 var(--font-display);text-decoration:none;display:inline-block;padding-block:var(--space-sm)}.scene-mast nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-lg)}.scene-mast nav a,.scene-action,.scene-jump a,.scene-colophon a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.scene-action{margin-inline-end:var(--space-md);font-weight:600}.scene-meta{font-size:var(--text-small);color:var(--color-muted)}
.scene-intro{padding-block:var(--space-2xl) var(--space-3xl)}.scene-intro>.scene-split{align-items:center}.scene-intro .lede{font-size:var(--text-lede);margin-top:var(--space-lg)}.scene-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.scene-jump{padding:var(--space-lg);background:var(--color-surface);color:var(--color-ink)}.scene-jump ul{list-style:none;padding:0}.scene-jump li{margin:0}.scene-jump a{width:100%;justify-content:space-between;border-bottom:var(--rule-hair) solid var(--color-line)}
.scene-route{padding-block:var(--space-xl) var(--space-2xl);scroll-margin-top:var(--space-lg)}.scene-route .prepare{background:var(--color-surface);color:var(--color-ink);padding:var(--space-lg)}.scene-route .prepare dt{font-weight:600;margin-block:var(--space-md) var(--space-xs)}.scene-route .prepare dd{margin:0;max-width:65ch}.scene-more{padding-block:var(--space-xl) var(--space-3xl)}.scene-colophon{padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-line);font-size:var(--text-small);color:var(--color-muted)}.scene-colophon p{max-width:75ch}.scene-sources{display:grid;gap:var(--space-md)}
.sel-box{background:var(--color-paper)!important;color:var(--color-ink)!important;border:var(--rule-hair) solid var(--color-line)!important}.sel-box label{display:block;margin-bottom:var(--space-sm);color:var(--color-ink)}.sel-f select{width:100%;min-height:48px;padding:var(--space-sm);font:var(--text-base)/1.5 var(--font-body);border:var(--rule-hair) solid var(--color-control)!important;border-radius:var(--radius-control);background:var(--color-paper)!important;color:var(--color-ink)!important}.sel-btn{min-height:48px;font:600 var(--text-base)/1.5 var(--font-body);white-space:nowrap;background:var(--color-paper)!important;color:var(--color-brand)!important;border:var(--rule-hair) solid var(--color-brand)!important}.sel-btn:active{transform:translateY(1px)}.sel-btn:disabled{opacity:.55;cursor:not-allowed}.sel-status{min-height:1lh;font-size:var(--text-small);color:var(--color-muted);margin-top:var(--space-sm)}.sel-out{background:var(--color-surface)!important;border:0!important;color:var(--color-ink)!important}.sel-out h3,.sel-out h4{color:var(--color-ink)!important}.sel-out h3{font-size:1.5rem!important}.sel-out h4{font-size:var(--text-lede);margin-block:var(--space-lg) var(--space-sm)}.sel-out p,.sel-out li{color:var(--color-ink)!important;font-size:var(--text-base);line-height:1.65}.sel-out ul{padding-inline-start:var(--space-lg)}.sel-out a{color:var(--color-brand);text-decoration:underline}.sel-notice{padding-block:var(--space-md);border-top:var(--rule-hair) solid var(--color-line)}.sel-box [aria-invalid=true]{border-color:var(--color-error)!important}.sel-route-links{display:flex;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap}.sel-route-links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.tc-sec .tc-trust{background:var(--color-surface);border-color:var(--color-line)}
@media(hover:hover){.scene-page a:hover,.sel-out a:hover{text-decoration-thickness:2px}.sel-f select:hover{background:var(--color-surface)!important}.sel-btn:hover{background:var(--color-surface)!important}}
@media(min-width:60rem){.scene-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-2xl)}.scene-route:nth-of-type(even)>.scene-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.scene-route:nth-of-type(even) .route-copy{order:2}.scene-route:nth-of-type(even) .prepare{order:1}.scene-route{padding-block:var(--space-2xl) var(--space-3xl)}}
@media(prefers-reduced-motion:reduce){.sel-btn{transform:none!important;transition:none!important}}
.scene-mast nav,.sel-route-links{align-items:center}.scene-page a:active{color:var(--color-ink)}.scene-page a[aria-disabled=true],.sel-f select:disabled{opacity:.55;cursor:not-allowed}.sel-f select:disabled{background:var(--color-surface)!important}
.selector-page .prose a,.selector-page .tc-wrap a{color:var(--color-brand)}.selector-page .prose h2{border-left:0;padding-inline-start:0;font-style:normal}.selector-page .whatsapp-float{display:none}.selector-page .sel-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:40rem){.selector-page .sel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scene-intro-note{padding-top:var(--space-xl)}
