/* Private five-family story pilot. Carries the established Court palette and masthead. */
.story-page{width:min(100% - 44px,1260px)}
.story-page .wayfinding{margin:30px 0 10px}
.story-page__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.77fr);gap:clamp(32px,7vw,110px);align-items:center;padding:clamp(30px,5vw,75px) 0 clamp(65px,9vw,135px)}
.story-page__intro{align-self:center}
.story-page__intro .chapter{margin-bottom:24px}
.story-page h1{font:400 clamp(3.5rem,7vw,7.4rem)/.94 "EB Garamond",Georgia,serif;letter-spacing:-.035em;margin:0;max-width:12ch;text-wrap:balance}
.story-page__dek{color:#e2c396;font:400 clamp(1.6rem,2.55vw,2.55rem)/1.14 "EB Garamond",Georgia,serif;max-width:24ch;margin:28px 0 32px}
.story-page__family{font:500 .82rem/1.4 "IBM Plex Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#aba79a;margin:0}
.story-page__context{color:#d3c9b7;font:400 1.1rem/1.4 "EB Garamond",Georgia,serif;margin:0 0 24px}
.story-page__context a{color:#e2c396}
.story-visual{justify-self:center;width:min(100%,410px);margin:0}
.story-visual--card img{width:100%;height:auto;filter:drop-shadow(0 24px 38px rgba(0,0,0,.35))}
.story-visual figcaption{max-width:42ch;color:#a9a398;font:italic .9rem/1.45 "EB Garamond",Georgia,serif;margin-top:14px}
.story-visual--type{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:30px;border:1px solid rgba(226,195,150,.48);background:radial-gradient(circle at 75% 70%,rgba(66,182,166,.10),transparent 42%),linear-gradient(145deg,#171c1b,#0b0f0e 70%)}
.story-visual--type::before,.story-visual--type::after{content:"";display:block;position:absolute;border:1px solid rgba(226,195,150,.22);inset:22px;pointer-events:none}
.story-visual--type::after{inset:auto 46px 82px 46px;height:1px;border:0;background:rgba(226,195,150,.35)}
.story-visual--type span{position:relative;z-index:1;color:#d3c9b7;font:500 .77rem/1.3 "IBM Plex Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em}
.story-visual--type strong{position:relative;z-index:1;display:block;margin:auto 0;font:italic 400 clamp(3.1rem,5vw,5rem)/.95 "EB Garamond",Georgia,serif;color:#e2c396;text-wrap:balance;max-width:8ch}
.story-page__reading{display:grid;grid-template-columns:minmax(100px,.32fr) minmax(0,720px) minmax(0,.3fr);gap:clamp(18px,4vw,65px);padding:clamp(45px,7vw,90px) 0;border-top:1px solid rgba(247,242,230,.26)}
.story-page__margin{font:500 .76rem/1.4 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a99c83}
.story-page__margin span{display:block;position:sticky;top:28px;max-width:18ch}
.story-page__prose{font:400 clamp(1.32rem,1.85vw,1.72rem)/1.43 "EB Garamond",Georgia,serif;color:#eee8dc}
.story-page__prose p{margin:0 0 1.23em}
.story-page__prose p:first-child:first-letter{font-size:1.28em;color:#e2c396}
.story-page__prose .story-note{border-left:2px solid #a98957;padding-left:1.15em;margin-top:2.2em;color:#d3c4ad;font-style:italic}
.story-page__source{margin-left:calc(24% + 10px);max-width:720px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;border-top:1px solid rgba(247,242,230,.14);padding:24px 0 clamp(75px,10vw,140px);font:400 .91rem/1.5 "IBM Plex Sans",Arial,sans-serif;color:#aaa59b}
.story-page__source p{margin:0;max-width:37ch}
.story-page__source a{flex-shrink:0;color:#e2c396}
.story-passages{padding:clamp(50px,6vw,90px) 0 clamp(90px,11vw,160px);border-top:1px solid rgba(247,242,230,.35)}
.story-passages__heading{display:flex;gap:38px;align-items:baseline;justify-content:space-between;margin-bottom:clamp(30px,5vw,65px)}
.story-passages__heading .chapter{margin:0}
.story-passages h2{margin:0;font:400 clamp(2.6rem,4.2vw,4.5rem)/1 "EB Garamond",Georgia,serif}
.story-passages__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3.2vw,60px)}
.story-passage{position:relative;min-height:260px;display:flex;flex-direction:column;border-top:1px solid #a98c60;padding:22px 25px 22px 0}
.story-passage__role{margin:0 0 28px;font:500 .76rem/1.3 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c7a866}
.story-passage h3{font:400 clamp(1.85rem,2.55vw,2.8rem)/1.02 "EB Garamond",Georgia,serif;margin:0 0 16px;text-wrap:balance}
.story-passage h3 a{text-decoration:none}
.story-passage h3 a:hover{text-decoration:underline;text-decoration-color:#c7a866}
.story-passage__why{font:400 .97rem/1.48 "IBM Plex Sans",Arial,sans-serif;color:#c9c3b8;margin:0 0 20px;max-width:36ch}
.story-passage>span{margin-top:auto;color:#e2c396;font-size:1.3rem}
@media(max-width:880px){.story-page__reading{grid-template-columns:minmax(0,1fr)}.story-page__margin span{position:static;max-width:none}.story-page__source{margin-left:0}}
@media(max-width:720px){.story-page{width:min(100% - 36px,1260px)}.story-page .wayfinding{margin:18px 0 4px}.story-page__hero{grid-template-columns:1fr;gap:45px;padding:25px 0 70px}.story-page h1{font-size:clamp(3.45rem,14vw,5.8rem)}.story-page__dek{margin:22px 0 20px}.story-visual{justify-self:start;width:min(100%,325px)}.story-visual--type{min-height:390px;width:min(100%,360px)}.story-page__reading{padding:55px 0}.story-page__prose{font-size:1.4rem}.story-page__source{display:block;padding:15px 0 85px}.story-page__source a{display:inline-block;margin-top:15px}.story-passages__heading{display:block}.story-passages__heading .chapter{margin-bottom:12px}.story-passages__grid{grid-template-columns:1fr;gap:0}.story-passage{min-height:0;padding:26px 0 30px;border-bottom:1px solid rgba(247,242,230,.2)}.story-passage__role{margin-bottom:15px}.story-passage h3{font-size:2.35rem}.story-passage>span{margin-top:0}}
@media(prefers-reduced-motion:reduce){.story-page *{scroll-behavior:auto}}

/* Five subject-led calibration pages. Their images and layout treatments are
   private review derivatives, while the shared shell and three routes persist. */
.story-visual--scene{width:100%;max-width:none}
.story-visual--scene img{display:block;width:100%;height:auto;object-fit:contain}
.story-visual--scene figcaption{font:400 .82rem/1.5 "IBM Plex Sans",Arial,sans-serif;color:#b6aa98;margin-top:14px;max-width:65ch}
body[data-story-variant] .story-page__prose p:first-child:first-letter{font-size:1em;color:inherit}
body[data-story-variant="school-method"] .story-page__hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(34px,5vw,85px)}
body[data-story-variant="school-method"] .story-page__hero .story-visual{align-self:end}
body[data-story-variant="school-method"] .story-page__reading{border-top-color:#c8a56b}
body[data-story-variant="school-method"] .story-page__prose p:nth-child(2){padding-left:clamp(20px,3vw,42px);border-left:1px solid #9f7950}
body[data-story-variant="place-threshold"] .story-page__hero,
body[data-story-variant="moment-aftermath"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch;gap:clamp(30px,5vw,68px)}
body[data-story-variant="place-threshold"] .story-page__hero .story-visual,
body[data-story-variant="moment-aftermath"] .story-page__hero .story-visual{order:-1}
body[data-story-variant="place-threshold"] .story-page__hero{padding-top:24px;padding-bottom:clamp(60px,9vw,125px)}
body[data-story-variant="place-threshold"] .story-visual img{max-height:610px;object-fit:contain;object-position:left center}
body[data-story-variant="place-threshold"] .story-page__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);column-gap:clamp(25px,6vw,90px);align-items:end}
body[data-story-variant="place-threshold"] .story-page__intro .chapter,
body[data-story-variant="place-threshold"] .story-page__intro h1{grid-column:1}
body[data-story-variant="place-threshold"] .story-page__intro .story-page__dek{grid-column:2;grid-row:2;margin:0 0 8px}
body[data-story-variant="place-threshold"] .story-page__intro .story-page__family{grid-column:2;grid-row:1}
body[data-story-variant="place-threshold"] .story-page__reading{border-top-color:#50615d}
body[data-story-variant="object-study"] .story-page__hero{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,5vw,80px)}
body[data-story-variant="object-study"] .story-page__reading{background:#e8dfce;border:1px solid #b8a98d;padding:clamp(35px,5vw,70px);grid-template-columns:minmax(100px,.2fr) minmax(0,780px);margin-bottom:25px}
body[data-story-variant="object-study"] .story-page__prose{color:#19211f}
body[data-story-variant="object-study"] .story-page__margin{color:#675a48}
body[data-story-variant="object-study"] .story-page__source{margin-left:0}
body[data-story-variant="moment-term"] .story-page__hero{grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:start;padding-top:30px}
body[data-story-variant="moment-term"] .story-page__dek{max-width:29ch;border-top:1px solid #c7a866;padding-top:22px;color:#eee8dc}
body[data-story-variant="moment-term"] .story-visual{width:min(100%,390px);justify-self:end}
body[data-story-variant="moment-term"] .story-page__reading{border-top-color:#b38952}
body[data-story-variant="moment-aftermath"] .story-page__hero{padding-top:24px}
body[data-story-variant="moment-aftermath"] .story-visual img{max-height:610px;object-fit:contain;object-position:left center}
body[data-story-variant="moment-aftermath"] .story-page__intro{max-width:860px;margin-left:auto;width:100%}
body[data-story-variant="moment-aftermath"] .story-page__dek{max-width:35ch}
@media(max-width:800px){
 body[data-story-variant="school-method"] .story-page__hero,
 body[data-story-variant="object-study"] .story-page__hero,
 body[data-story-variant="moment-term"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch;gap:34px}
 body[data-story-variant="school-method"] .story-visual,
 body[data-story-variant="object-study"] .story-visual,
 body[data-story-variant="moment-term"] .story-visual{align-self:stretch;justify-self:stretch;width:100%}
 body[data-story-variant="moment-term"] .story-visual img{max-height:650px;object-fit:contain;object-position:left center}
 body[data-story-variant="place-threshold"] .story-page__intro{display:block}
 body[data-story-variant="place-threshold"] .story-page__intro .story-page__dek{margin:22px 0 20px}
 body[data-story-variant="object-study"] .story-page__reading{grid-template-columns:1fr;padding:30px 22px}
}

/* Arcana and Tale calibration: one card-led encounter, one scene/card dialogue,
   one image-led Tale, and one voice-led Tale with art entering after the opening. */
body[data-story-variant="arcana-rupture"] .story-page__hero{display:flex;flex-direction:column;gap:clamp(35px,5vw,65px);padding-top:25px;align-items:center;text-align:center}
body[data-story-variant="arcana-rupture"] .story-page__intro{max-width:900px}
body[data-story-variant="arcana-rupture"] .story-page h1{max-width:none}
body[data-story-variant="arcana-rupture"] .story-page__dek{max-width:none}
body[data-story-variant="arcana-rupture"] .story-visual{width:min(100%,500px)}
body[data-story-variant="arcana-ceremonial"] .story-page__hero{display:flex;flex-direction:column;gap:clamp(35px,5vw,65px);padding-top:25px;align-items:center;text-align:center}
body[data-story-variant="arcana-ceremonial"] .story-page__intro{max-width:900px}
body[data-story-variant="arcana-ceremonial"] .story-page h1{max-width:none}
body[data-story-variant="arcana-ceremonial"] .story-page__dek{max-width:none}
body[data-story-variant="arcana-ceremonial"] .story-visual{width:min(100%,500px)}
body[data-story-variant="arcana-rupture"] .story-page__reading{background:#e8dfce;border:1px solid #b7a588;padding:clamp(35px,6vw,80px);grid-template-columns:minmax(100px,.22fr) minmax(0,780px);margin-bottom:25px}
body[data-story-variant="arcana-rupture"] .story-page__prose{color:#19211f}
body[data-story-variant="arcana-rupture"] .story-page__margin{color:#695b49}
body[data-story-variant="arcana-rupture"] .story-page__source{margin-left:0}
body[data-story-variant="arcana-dialogue"] .story-page__hero{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(35px,6vw,85px)}
body[data-story-variant="arcana-dialogue"] .story-page__intro{max-width:650px}
body[data-story-variant="arcana-dialogue"] .story-page__dek{max-width:28ch}
body[data-story-variant="arcana-dialogue"] .story-visual{width:min(100%,430px)}
body[data-story-variant="arcana-dialogue"] .story-page__reading{border-top-color:#adc2bd}
body[data-story-variant="tale-scene"] .story-page__hero{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(35px,6vw,90px);align-items:center}
body[data-story-variant="tale-scene"] .story-page__hero .story-visual{grid-column:1;grid-row:1;width:min(100%,440px)}
body[data-story-variant="tale-scene"] .story-page__intro{grid-column:2;grid-row:1}
body[data-story-variant="tale-scene"] .story-page__reading{border-top-color:#b77d50}
body[data-story-variant="tale-scene"] .story-page__prose{max-width:780px}
body[data-story-variant="tale-voice"] .story-page__hero{display:block;padding:clamp(65px,9vw,135px) 0 clamp(55px,7vw,95px)}
body[data-story-variant="tale-voice"] .story-page__intro{max-width:930px;margin:auto;text-align:center}
body[data-story-variant="tale-voice"] .story-page h1{max-width:none}
body[data-story-variant="tale-voice"] .story-page__dek{max-width:none}
body[data-story-variant="tale-voice"] .story-page__reading{grid-template-columns:minmax(100px,.2fr) minmax(0,800px) minmax(0,.2fr);border-top-color:#9eaeae}
body[data-story-variant="tale-voice"] .story-page__prose>p:first-child{font-style:italic;font-size:1.17em;line-height:1.3;color:#e2c396}
body[data-story-variant="tale-voice"] .story-page__prose .story-visual{width:min(100%,570px);margin:clamp(35px,5vw,65px) auto}
body[data-story-variant="tale-voice"] .story-page__prose .story-visual img{max-height:760px;object-fit:contain}
/* Tale wave 01: scene, spoken instruction, threshold and garden folio. */
body[data-story-id="tale-fool"] .story-page__hero .story-visual{width:min(100%,510px)}
body[data-story-id="tale-fool"] .story-page__reading{border-top-color:#b49b70}
body[data-story-id="tale-magician"] .story-page__hero{padding-bottom:clamp(30px,5vw,70px)}
body[data-story-id="tale-magician"] .story-page__prose .story-visual{width:min(100%,670px);margin:clamp(32px,5vw,58px) auto}
body[data-story-variant="tale-bell"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch;gap:clamp(30px,5vw,70px);padding-top:25px}
body[data-story-variant="tale-bell"] .story-page__hero .story-visual{order:-1;align-self:center;width:min(100%,530px)}
body[data-story-variant="tale-bell"] .story-page__intro{width:min(100%,890px);margin:auto;text-align:center}
body[data-story-variant="tale-bell"] .story-page h1,
body[data-story-variant="tale-bell"] .story-page__dek{max-width:none}
body[data-story-variant="tale-bell"] .story-page__reading{border-top-color:#668e8d}
body[data-story-variant="tale-garden"] .story-page__hero{display:block;padding:clamp(45px,7vw,90px) 0 clamp(35px,5vw,65px)}
body[data-story-variant="tale-garden"] .story-page__intro{max-width:900px}
body[data-story-variant="tale-garden"] .story-page h1,
body[data-story-variant="tale-garden"] .story-page__dek{max-width:none}
body[data-story-variant="tale-garden"] .story-page__reading{border-top-color:#8b7750}
body[data-story-variant="tale-garden"] .story-page__prose .story-visual{width:min(100%,520px);margin:clamp(32px,5vw,65px) auto}
body[data-story-variant="tale-garden"] .story-page__prose .story-visual img{max-height:760px;object-fit:contain}
/* Tale wave 02: architectural seam, blank teaching surface, shared gate,
   and a vessel whose destination grows clearer than its speed. */
body[data-story-id="tale-emperor"] .story-page__hero .story-visual{width:min(100%,530px)}
body[data-story-id="tale-emperor"] .story-page__reading{border-top-color:#988765}
body[data-story-variant="tale-tablet"] .story-page__hero{display:block;padding:clamp(55px,7vw,105px) 0 clamp(35px,5vw,70px)}
body[data-story-variant="tale-tablet"] .story-page__intro{max-width:950px}
body[data-story-variant="tale-tablet"] .story-page h1,
body[data-story-variant="tale-tablet"] .story-page__dek{max-width:none}
body[data-story-variant="tale-tablet"] .story-page__reading{border-top-color:#a1875f}
body[data-story-variant="tale-tablet"] .story-page__prose .story-visual{width:min(100%,570px);margin:clamp(32px,5vw,65px) auto}
body[data-story-variant="tale-gate"] .story-page__hero{display:flex;flex-direction:column;align-items:center;gap:clamp(32px,5vw,65px);padding-top:25px}
body[data-story-variant="tale-gate"] .story-page__hero .story-visual{order:-1;width:min(100%,520px)}
body[data-story-variant="tale-gate"] .story-page__intro{width:min(100%,900px);text-align:center}
body[data-story-variant="tale-gate"] .story-page h1,
body[data-story-variant="tale-gate"] .story-page__dek{max-width:none}
body[data-story-variant="tale-gate"] .story-page__reading{border-top-color:#bb826a}
body[data-story-variant="tale-vessel"] .story-page__hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,5vw,85px);align-items:center}
body[data-story-variant="tale-vessel"] .story-page__hero .story-visual{width:min(100%,610px)}
body[data-story-variant="tale-vessel"] .story-page__reading{border-top-color:#688895}
@media(max-width:800px){
 body[data-story-variant="arcana-rupture"] .story-page__reading{grid-template-columns:1fr;padding:30px 22px}
 body[data-story-variant="arcana-dialogue"] .story-page__hero,
 body[data-story-variant="tale-scene"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch;gap:32px}
 body[data-story-variant="tale-scene"] .story-page__hero .story-visual{order:1;align-self:center;width:min(100%,420px)}
 body[data-story-variant="arcana-dialogue"] .story-page__hero .story-visual{align-self:center;width:min(100%,390px)}
 body[data-story-variant="tale-voice"] .story-page__reading{grid-template-columns:1fr}
 body[data-story-variant="tale-voice"] .story-page__hero{padding:45px 0 55px}
 body[data-story-variant="tale-bell"] .story-page__hero .story-visual{width:min(100%,410px)}
 body[data-story-variant="tale-garden"] .story-page__hero{padding:45px 0 38px}
 body[data-story-variant="tale-tablet"] .story-page__hero{padding:45px 0 38px}
 body[data-story-variant="tale-gate"] .story-page__hero .story-visual{width:min(100%,420px)}
 body[data-story-variant="tale-vessel"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch;gap:34px}
 body[data-story-variant="tale-vessel"] .story-page__hero .story-visual{align-self:center;width:min(100%,470px)}
}

/* Fixed chapter surfaces. The card art is untouched; the surrounding page
   changes with the subject so a passage journey has a visible rhythm. */
body[data-story-surface="paper"]{--story-bg:#eee7d9;--story-fg:#1c2724;--story-muted:#4b5a55;--story-accent:#6a4b2f;--story-rule:rgba(35,47,43,.31);background:var(--story-bg);color:var(--story-fg)}
body[data-story-surface="mist"]{--story-bg:#dce5df;--story-fg:#19332f;--story-muted:#3f5b55;--story-accent:#465d50;--story-rule:rgba(31,58,51,.3);background:var(--story-bg);color:var(--story-fg)}
body[data-story-surface="umber"]{--story-bg:#2a211c;--story-fg:#f4ecdc;--story-muted:#c9b8a7;--story-accent:#d9aa73;--story-rule:rgba(244,236,220,.28);background:var(--story-bg);color:var(--story-fg)}
body[data-story-surface="paper"] .story-page__dek,
body[data-story-surface="mist"] .story-page__dek,
body[data-story-surface="umber"] .story-page__dek,
body[data-story-surface="paper"] .story-page__context a,
body[data-story-surface="mist"] .story-page__context a,
body[data-story-surface="umber"] .story-page__context a{color:var(--story-accent)}
body[data-story-surface="paper"] .chapter,
body[data-story-surface="mist"] .chapter,
body[data-story-surface="umber"] .chapter,
body[data-story-surface="paper"] .story-passage__role,
body[data-story-surface="mist"] .story-passage__role,
body[data-story-surface="umber"] .story-passage__role,
body[data-story-surface="paper"] .story-passage>span,
body[data-story-surface="mist"] .story-passage>span,
body[data-story-surface="umber"] .story-passage>span{color:var(--story-accent)}
body[data-story-surface="paper"] .story-page__family,
body[data-story-surface="mist"] .story-page__family,
body[data-story-surface="umber"] .story-page__family,
body[data-story-surface="paper"] .story-page__context,
body[data-story-surface="mist"] .story-page__context,
body[data-story-surface="umber"] .story-page__context,
body[data-story-surface="paper"] .story-visual figcaption,
body[data-story-surface="mist"] .story-visual figcaption,
body[data-story-surface="umber"] .story-visual figcaption,
body[data-story-surface="paper"] .story-page__margin,
body[data-story-surface="mist"] .story-page__margin,
body[data-story-surface="umber"] .story-page__margin,
body[data-story-surface="paper"] .story-page__source,
body[data-story-surface="mist"] .story-page__source,
body[data-story-surface="umber"] .story-page__source,
body[data-story-surface="paper"] .story-passage__why,
body[data-story-surface="mist"] .story-passage__why,
body[data-story-surface="umber"] .story-passage__why,
body[data-story-surface="paper"] .public-footer,
body[data-story-surface="mist"] .public-footer,
body[data-story-surface="umber"] .public-footer{color:var(--story-muted)}
body[data-story-surface="paper"] .story-page__prose,
body[data-story-surface="mist"] .story-page__prose,
body[data-story-surface="umber"] .story-page__prose{color:var(--story-fg)}
body[data-story-surface="paper"] .story-page__reading,
body[data-story-surface="mist"] .story-page__reading,
body[data-story-surface="umber"] .story-page__reading,
body[data-story-surface="paper"] .story-page__source,
body[data-story-surface="mist"] .story-page__source,
body[data-story-surface="umber"] .story-page__source,
body[data-story-surface="paper"] .story-passages,
body[data-story-surface="mist"] .story-passages,
body[data-story-surface="umber"] .story-passages,
body[data-story-surface="paper"] .public-footer,
body[data-story-surface="mist"] .public-footer,
body[data-story-surface="umber"] .public-footer{border-color:var(--story-rule)}
body[data-story-surface="paper"] .story-passage,
body[data-story-surface="mist"] .story-passage,
body[data-story-surface="umber"] .story-passage{border-color:var(--story-rule)}
body[data-story-surface="paper"] .story-page__source a,
body[data-story-surface="mist"] .story-page__source a,
body[data-story-surface="umber"] .story-page__source a,
body[data-story-surface="paper"] .story-page__prose .story-note,
body[data-story-surface="mist"] .story-page__prose .story-note,
body[data-story-surface="umber"] .story-page__prose .story-note,
body[data-story-surface="paper"] .story-page__prose p:first-child:first-letter,
body[data-story-surface="mist"] .story-page__prose p:first-child:first-letter,
body[data-story-surface="umber"] .story-page__prose p:first-child:first-letter{color:var(--story-accent)}
body[data-story-surface="paper"] .story-page__prose .story-note,
body[data-story-surface="mist"] .story-page__prose .story-note{border-color:var(--story-accent)}
body[data-story-surface="paper"] .story-page__prose--tale>p:first-child,
body[data-story-surface="mist"] .story-page__prose--tale>p:first-child{color:var(--story-accent)}
body[data-story-surface="paper"] a:focus-visible,
body[data-story-surface="mist"] a:focus-visible{outline-color:#17685b}
body[data-story-surface="paper"] .story-passage h3 a:hover,
body[data-story-surface="mist"] .story-passage h3 a:hover{ text-decoration-color:var(--story-accent)}
/* The Tower and Object study retain their inset folios on the new ground. */
body[data-story-surface="umber"][data-story-variant="arcana-rupture"] .story-page__prose,
body[data-story-surface="paper"][data-story-variant="object-study"] .story-page__prose{color:#19211f}

@media(min-width:801px){
 body[data-story-composition="counterpoint"][data-story-variant="arcana-dialogue"] .story-page__hero{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}
 body[data-story-composition="counterpoint"][data-story-variant="arcana-dialogue"] .story-page__intro{grid-column:2;grid-row:1}
 body[data-story-composition="counterpoint"][data-story-variant="arcana-dialogue"] .story-page__hero .story-visual{grid-column:1;grid-row:1;justify-self:start}
}

/* Court Batch 07: subject-led rhythms, scoped to these six candidates. */
body[data-story-variant="court-recognition"] .story-page__hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.7fr)}
body[data-story-variant="court-recognition"] .story-visual{max-width:410px;justify-self:end}
body[data-story-variant="court-memory"] .story-page__hero,
body[data-story-variant="court-horizon"] .story-page__hero{display:block;padding-bottom:45px}
body[data-story-variant="court-memory"] .story-page__intro,
body[data-story-variant="court-horizon"] .story-page__intro{max-width:960px}
body[data-story-variant="court-memory"] .story-page__prose .story-visual,
body[data-story-variant="court-horizon"] .story-page__prose .story-visual{width:min(100%,470px);margin:40px auto}
body[data-story-variant="court-stance"] .story-visual,
body[data-story-variant="court-twilight"] .story-visual{max-width:430px;justify-self:end}
body[data-story-id="O-002"] .story-visual{width:min(100%,430px);justify-self:end}
body[data-story-id="O-002"] .story-page__prose h2,
body[data-story-id="P-007"] .story-page__prose h2,
body[data-story-id="P-025"] .story-page__prose h2{font:400 clamp(1.7rem,3vw,2.35rem)/1.2 "EB Garamond",Georgia,serif;margin:1.6em 0 .65em}
body[data-story-id="P-007"] .story-page__prose h2:first-child{margin-top:0}
@media(max-width:800px){
 body[data-story-variant="court-recognition"] .story-page__hero{display:flex;flex-direction:column;align-items:stretch}
 body[data-story-variant="court-recognition"] .story-visual,
 body[data-story-variant="court-stance"] .story-visual,
 body[data-story-variant="court-twilight"] .story-visual,
 body[data-story-id="O-002"] .story-visual{width:min(100%,380px);align-self:center;justify-self:center}
}

/* On the Court Batch 01: preserve each portrait image in full. */
body:is([data-story-id="M3"],[data-story-id="M4"],[data-story-id="M5"]) .story-visual--scene img { aspect-ratio:2/3; object-fit:contain; width:100%; height:auto; }
body[data-story-id="M4"] .story-page__hero {grid-template-columns:1fr;}
body[data-story-id="M4"] .story-page__prose .story-visual {max-width:32rem; margin:2.5rem auto;}

/* On the Court Batch 02: preserve complete portrait illustrations. */
body[data-story-id="M6"] .story-visual--scene img,body[data-story-id="M7"] .story-visual--scene img,body[data-story-id="M8"] .story-visual--scene img{object-fit:contain;height:auto;aspect-ratio:2/3}
body[data-story-id="M7"] .story-page__hero{grid-template-columns:1fr}body[data-story-id="M7"] .story-visual--interleaved{max-width:32rem;margin:2.5rem auto}

/* On the Court Batch 03: complete portrait frames, service-line image within prose. */
body[data-story-id="M9"] .story-visual--scene img,body[data-story-id="M10"] .story-visual--scene img,body[data-story-id="M11"] .story-visual--scene img{object-fit:contain;height:auto;aspect-ratio:2/3}
body[data-story-id="M10"] .story-page__hero{grid-template-columns:1fr}body[data-story-id="M10"] .story-page__prose .story-visual{max-width:32rem;margin:2.5rem auto}

/* On the Court Batch 04: complete frames and a score study inside the prose. */
body:is([data-story-id="M12"],[data-story-id="M13"],[data-story-id="M14"]) .story-visual--scene img{object-fit:contain;height:auto;aspect-ratio:2/3}
body[data-story-id="M13"] .story-page__hero{grid-template-columns:1fr}body[data-story-id="M13"] .story-page__prose .story-visual{max-width:32rem;margin:2.5rem auto}

/* On the Court Batch 05: complete portrait-frame chapter art. */
body:is([data-story-id="M15"],[data-story-id="M16"],[data-story-id="M17"],[data-story-id="M18"],[data-story-id="M19"],[data-story-id="M20"]) .story-visual--scene img{object-fit:contain;height:auto;aspect-ratio:2/3}
body:is([data-story-id="M16"],[data-story-id="M18"]) .story-page__hero{grid-template-columns:1fr}body:is([data-story-id="M16"],[data-story-id="M18"]) .story-page__prose .story-visual{max-width:32rem;margin:2.5rem auto}

/* On the Court Batch 06: full-frame chapter imagery. */
body:is([data-story-id="M21"],[data-story-id="M22"],[data-story-id="M23"],[data-story-id="M24"],[data-story-id="M25"],[data-story-id="M26"]) .story-visual--scene img{object-fit:contain;height:auto;aspect-ratio:2/3}
body:is([data-story-id="M21"],[data-story-id="M24"]) .story-page__hero{grid-template-columns:1fr}
body:is([data-story-id="M21"],[data-story-id="M24"]) .story-visual--interleaved{max-width:660px;margin:44px auto}
.story-location{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 10px;font:500 .95rem/1.4 "IBM Plex Sans",Arial,sans-serif}
.story-location a{display:inline-flex;align-items:center;min-height:48px;color:inherit}
.story-location span{opacity:.55}
.story-reading-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;padding:30px 0 45px;max-width:960px;margin:0 auto}
.story-reading-invitation h2{font:500 clamp(1.9rem,3vw,2.5rem)/1.15 "EB Garamond",Georgia,serif;margin:0 0 12px}
.story-reading-invitation p{max-width:54ch;margin:0;font:400 1.15rem/1.5 "EB Garamond",Georgia,serif}
.story-reading-invitation>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid currentColor;white-space:nowrap;font:500 1rem/1.4 "IBM Plex Sans",Arial,sans-serif;text-decoration:none}
.story-reading-invitation>a:hover{text-decoration:underline}
.story-page__source:has(+ .story-reading-invitation){padding-bottom:32px}
@media(max-width:720px){.story-reading-invitation{display:block;padding:26px 0 40px}.story-reading-invitation>a{margin-top:20px}.story-location{margin-top:14px;gap:10px}}