/* Readers: samples, community and confirmed release links. */
.reader-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.reader-feature h2,.reader-room h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin-bottom:24px}
.reader-feature p,.reader-room p{color:var(--muted);font-size:15px;max-width:640px;margin:18px 0}
.reader-panel{padding:30px;border:1px solid var(--line);background:#172226;color:var(--paper)}
.reader-panel h3{font:30px/1.15 var(--serif);margin:12px 0 20px}
.reader-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}
.reader-actions .button{margin:0}.reader-actions .text-link{min-height:44px;display:inline-flex;align-items:center}
.reader-panel audio{width:100%;margin:16px 0;color-scheme:dark}
.is-pending{opacity:.75;cursor:default}.reader-panel .reader-note,.reader-note{font-size:12px;color:var(--muted)}
.reader-room{background:linear-gradient(125deg,#172226,#101719);border:1px solid var(--line);padding:clamp(24px,5vw,56px);margin-bottom:32px}
.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.story-prompt{text-align:left;background:#101719;border:1px solid var(--line);padding:24px;color:var(--paper);min-height:150px}
.story-prompt span{display:block;color:var(--gold);font-size:10px;letter-spacing:.14em;margin-bottom:12px}
.story-prompt strong{display:block;font:25px/1.15 var(--serif)}
.story-prompt[aria-pressed=true],.story-prompt:hover{border-color:var(--gold);background:#263237}
.suggestion-question{font:24px/1.3 var(--serif);color:var(--paper)!important}
.extract{max-width:720px;margin:0 auto;font-family:var(--serif);font-size:20px;line-height:1.8}
.extract p{margin:0 0 20px}.extract-label{font:11px system-ui;letter-spacing:.14em;color:var(--gold)}
.extract details{margin:20px 0}.extract summary{cursor:pointer;min-height:44px;font:15px system-ui;color:var(--gold)}
.reader-room .reader-panel{margin-top:24px}.reading-list{padding-left:22px}.reading-list li{padding:10px 0;color:var(--muted)}
.reading-list a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.last-instruction-hero{background:radial-gradient(ellipse at top right,#54302455,transparent 65%)}
.reader-header-copy{max-width:750px}.reader-header-copy .intro{font-size:17px;max-width:630px;color:var(--muted);margin-top:24px}
@media(max-width:800px){.reader-feature{grid-template-columns:1fr;gap:28px}.prompt-grid{grid-template-columns:1fr}.story-prompt{min-height:100px}.reader-panel{padding:24px}.reader-room{margin-bottom:20px}}
@media(min-width:1101px){#main-navigation{flex-wrap:wrap;justify-content:flex-end;row-gap:3px}}

.reader-form{display:grid;gap:20px;max-width:760px;margin-top:28px}.reader-form label{display:grid;gap:8px;font-size:14px;color:#f1e9dc}.reader-form input:not([type=checkbox]),.reader-form select,.reader-form textarea{box-sizing:border-box;width:100%;background:#101719;color:#f1e9dc;border:1px solid #a79780;padding:12px 14px;font:16px/1.5 system-ui;min-height:48px;border-radius:0}.reader-form textarea{resize:vertical}.reader-form input:focus-visible,.reader-form select:focus-visible,.reader-form textarea:focus-visible{outline:3px solid #ffda93;outline-offset:3px}.reader-form input::placeholder,.reader-form textarea::placeholder{color:#b5b0a7}.reader-form .optional{display:inline;font-size:12px;color:#c2b9aa}.reader-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reader-form .reader-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6}.reader-consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#dfb773}.reader-form .button{justify-self:start}.reader-form-status{margin:0!important;color:#f1e9dc!important;font-size:14px;min-height:24px}.reader-form-status:empty{display:none}.reader-note a{text-decoration:underline;text-underline-offset:3px}.reader-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.reader-form button:disabled{opacity:.65;cursor:wait}.reader-panel,.reader-room{--paper:#f1e9dc;--muted:#c2b9aa;--gold:#dfb773;--line:#ffffff26}.reader-panel h3{color:#f1e9dc}
@media(max-width:600px){.reader-form-row{grid-template-columns:1fr}}