/* One prompt-first component for every narrative reader. */
.reader-page .reader-heading{max-width:1200px;margin:0 auto;padding:45px 5% 20px}.reader-page .reader-heading h1{font:500 clamp(3rem,5vw,5rem)/1.08 var(--display);margin:20px 0;overflow-wrap:anywhere}.reader-opening{max-width:1200px;margin:0 auto 32px;padding:0 5%;display:grid;gap:24px}.reader-opening>.writing-prompt{margin:0;padding:28px 32px;border:1px solid #b4c8a8;border-left:5px solid #477347;background:#edf3e6;border-radius:3px;min-width:0;max-width:none}.reader-opening .writing-prompt h2{font:600 13px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:#315c37;margin:0 0 14px}.reader-opening .writing-prompt blockquote{font:400 clamp(1.05rem,1.5vw,1.25rem)/1.8 var(--serif);margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#233c2c}.reader-opening .writing-prompt a{display:inline-block;margin-top:14px;font-size:.86rem;text-decoration:underline;text-underline-offset:3px}.reader-opening .prompt-unavailable p,.reader-opening .prompt-limitation{font-size:.98rem;line-height:1.75;margin:8px 0}.reader-opening .author-byline{margin:0;padding:0;font-size:.88rem}.reader-context{margin:0;font-size:.95rem;line-height:1.75}.reader-context summary{cursor:pointer;font-weight:600;padding:4px 0}.reader-context p{max-width:70ch}.night-reading .reader-opening>.writing-prompt,.reader-page.paper .reader-opening>.writing-prompt{background:#213d2b;border-color:#82a16f;color:#e4efc9}.night-reading .reader-opening .writing-prompt h2,.reader-page.paper .reader-opening .writing-prompt h2,.night-reading .reader-opening .writing-prompt blockquote,.reader-page.paper .reader-opening .writing-prompt blockquote{color:#e4efc9}.night-reading .reader-opening .writing-prompt a,.reader-page.paper .reader-opening .writing-prompt a{color:#e4efc9}.reader-opening .reader-cover{margin:0;text-align:center}.reader-cover img{width:100%;max-height:500px;object-fit:contain;clip-path:none}
/* Legacy Abby controls use .paper; align their theme variables with the shared green reader palette. */
.reader-page.paper{--paper:#17271f;--bg:#17271f;--ink:#edf2e5;--muted:#baccb0;--border:#536a57;--line:#536a57;background:var(--paper);color:var(--ink);color-scheme:dark}.reader-page.paper .reader-heading,.reader-page.paper .history-prose,.reader-page.paper .reader-context,.reader-page.paper .author-byline,.reader-page.paper .history-toc,.reader-page.paper .chapter-cast{color:var(--ink)}.reader-page.paper h1,.reader-page.paper h2,.reader-page.paper h3{color:var(--ink)}.reader-page.paper .site-header{--paper:#f7f8ef;--ink:#203e32;--muted:#526353;background:#f7f8eff7;color:#203e32;color-scheme:light}.reader-page.paper main a:hover{color:#d9e9a9}.reader-page.paper main a:focus-visible,.reader-page.paper main button:focus-visible,.reader-page.paper main summary:focus-visible{outline-color:#d9e9a9}.reader-page.paper main button:hover{background:#315b3f;color:#f7f8ef}.reader-page.paper .eyebrow,.reader-page.paper .prose-head .eyebrow,.reader-page.paper .history-chapter-nav a>span{color:#c6d8b5}.reader-page.paper .history-chapter-nav a[aria-current]{background:#294e38;border-color:#7ba46d}.original-event-instructions{white-space:pre-wrap;line-height:1.8}
/* The frame is an outline over full artwork; its interior never paints over the art. */
figure.portrait-shell{isolation:isolate;position:relative;background:transparent!important;clip-path:none!important;mask:none!important;overflow:visible}.portrait-shell.hex-frame:before,.portrait-shell.hex-frame:after{display:none!important}.portrait-window{display:flex;position:relative;align-items:center;justify-content:center;width:100%;aspect-ratio:2/3;padding:24px 12%;isolation:isolate;background:transparent;overflow:visible;box-sizing:border-box}.portrait-window:after{content:'';position:absolute;inset:0;background:url('/assets/hex-frame-outline.7ce50e41337fb41b.svg') center/100% 100% no-repeat;pointer-events:none;z-index:2;clip-path:none;mask:none}.portrait-window>img{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center;clip-path:none!important;mask:none!important;border-radius:0!important;aspect-ratio:auto!important;margin:0!important}.bio-portrait.portrait-shell{padding:0!important;max-width:380px;max-height:none!important;height:auto!important}.portrait-shell figcaption{position:static!important;max-width:none!important;right:auto!important;bottom:auto!important;padding:10px 0!important;margin:0!important;background:transparent!important;border:0!important;text-align:center;line-height:1.6}.ozone-portrait.portrait-shell{height:auto!important;padding:0!important;max-width:360px;margin-inline:auto}.portrait-card-frame{margin:0!important;padding:0 8px;background:transparent}.index-card .portrait-window{aspect-ratio:4/5;padding:16px 10%;max-height:340px}.index-card .portrait-window>img{border:0!important}.ben-earlier{max-width:1200px;margin:2rem auto;padding:1.5rem;border-top:1px solid var(--border)}.ben-earlier>p{max-width:72ch;line-height:1.85}
.ozone-portrait.portrait-shell{flex-direction:column}.portrait-window:focus-visible{outline:3px solid #477347;outline-offset:5px}.reader-page.paper .content-note{color:#c6d8b5!important}
@media(max-width:700px){.reader-page .reader-heading{padding:30px 6% 16px}.reader-opening{padding-inline:6%;gap:18px;margin-bottom:24px}.reader-opening>.writing-prompt{padding:20px 18px}.reader-opening .writing-prompt blockquote{font-size:1.05rem;line-height:1.8}.reader-opening .reader-cover img{max-height:360px}.bio-portrait.portrait-shell{max-width:320px}.ozone-portrait.portrait-shell{max-width:300px}.portrait-window{padding:20px 10%}.ben-earlier{padding:1rem 6%;margin:1rem 0}}
@media print{.reader-page.paper{--paper:#fff;--bg:#fff;--ink:#000;--muted:#333;--border:#aaa;--line:#aaa;background:#fff!important;color:#000!important;color-scheme:light}.reader-opening>.writing-prompt{break-inside:avoid;background:white!important;color:black!important}.reader-opening .writing-prompt blockquote,.reader-opening .writing-prompt h2{color:black!important}.portrait-window:after{display:none}}
