/* Original-inspired full-bleed image with overlaid titles, progressive reading. */
.static-reading main{color:var(--ink);background:var(--paper);padding-bottom:42px}.reading-hero{position:relative;width:100%;height:220px;margin:0;overflow:hidden;background:transparent}.reading-hero img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 68%}.reading-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#0006 100%);pointer-events:none}.reading-intro{position:absolute;z-index:1;left:0;right:0;bottom:0;padding-block:20px 25px}.reading-intro h1{color:var(--orange);font-size:clamp(36px,4.2vw,56px);font-style:italic;text-shadow:.04em .1em .12em #0009;margin:0 0 10px}.reading-intro h2{font-size:clamp(21px,2.3vw,29px);line-height:1.2;color:#fff;text-shadow:0 2px 6px #000b;margin:0}.static-reading main:has(.reading-details[open]) .reading-hero{height:auto}.static-reading main:has(.reading-details[open]) .reading-hero img{width:100%;height:auto;max-height:75vh;object-fit:cover}.reading-comparison{display:flex;gap:14px;justify-content:flex-end;padding-block:13px 20px;font-size:11px}.reading-comparison a{color:#58534d;text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}.reading-comparison a[aria-current]{color:var(--ink);border-bottom-color:var(--orange);font-weight:700}.static-reading .static-prose{color:var(--ink);font:16px/1.85 Josefin,sans-serif}.reading-opening{padding-bottom:4px}.reading-opening p{margin:0 0 17px}.reading-details{padding:0;border:0}.static-reading .reading-toggle{list-style:none;display:inline-flex;align-items:center;justify-content:initial;gap:15px;cursor:pointer;background:var(--orange);color:#fff;padding:12px 24px;border:0;border-radius:999px;font-size:14px;font-weight:700;min-height:46px}.reading-toggle::-webkit-details-marker{display:none}.static-reading .reading-toggle:hover{background:#db7c06}.static-reading .reading-toggle .read-more,.static-reading .reading-toggle .read-less{color:inherit;transform:none;font:inherit}.reading-toggle .read-less{display:none}.reading-details[open] .read-more{display:none}.reading-details[open] .read-less{display:inline}.static-reading .reading-chevron{display:inline-flex;align-items:center;color:#fff}.reading-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.static-reading .reading-details[open] .reading-chevron{transform:rotate(180deg)}.reading-text{padding-top:26px}.static-reading .static-section{margin-bottom:34px}.static-reading .static-section h2{color:var(--ink);font-size:27px}.static-reading .static-section p{margin:0 0 17px}.reading-contact{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;display:inline-block;margin-bottom:26px}.reading-gallery{padding-bottom:0}.reading-gallery .course-gallery figure{flex-basis:calc((100% - 48px)/4)}.reading-continuation{padding-bottom:8px}.reading-opening,.reading-text{max-width:900px}.reading-reading .reading-details,.reading-reading .reading-comparison{max-width:900px}
/* Proposal four retains a white reading surface; image and overlaid titles stay full width. */
.reading-framed main{background:var(--paper)}.reading-framed .reading-opening{max-width:1160px;background:#fff;padding:24px 32px 8px;border-left:4px solid var(--orange)}.reading-framed .reading-details{background:#fff;padding:0 32px 30px;border-left:4px solid var(--orange)}.reading-framed .reading-text{max-width:none}.reading-framed .reading-remainder>.static-section:nth-child(2){border-left:3px solid #dac49f;padding:6px 0 6px 24px}.reading-framed .reading-remainder>.static-section:last-child{background:#f4f3ef;padding:26px;border-radius:6px}.reading-framed .reading-remainder>.static-section:last-child ul{columns:2;column-gap:40px}.reading-framed .reading-remainder>.static-section:last-child li{break-inside:avoid}.reading-framed .reading-text h2{font-size:25px}
@media(min-width:900px){.reading-framed .reading-opening>p,.reading-framed .reading-text p{max-width:850px}}
@media(max-width:850px){.reading-hero{height:190px}.reading-gallery .course-gallery figure{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:550px){.reading-hero{height:160px}.reading-intro{padding-block:18px}.reading-intro h1{font-size:34px;margin-bottom:8px}.reading-intro h2{font-size:22px}.reading-comparison{padding-block:12px 20px}.static-reading .static-prose{font-size:15px;line-height:1.8}.reading-opening p{margin-bottom:15px}.static-reading .reading-toggle{font-size:13px;padding:11px 22px}.static-reading .static-section h2{font-size:24px}.reading-gallery .course-gallery figure{flex-basis:100%}.reading-framed .reading-opening{padding:20px 18px 5px}.reading-framed .reading-details{padding:0 18px 22px}.reading-framed .reading-remainder>.static-section:nth-child(2){padding-left:14px}.reading-framed .reading-remainder>.static-section:last-child{padding:18px}.reading-framed .reading-remainder>.static-section:last-child ul{columns:1}.reading-framed .reading-text h2{font-size:23px}.static-reading main{padding-bottom:28px}}

.reading-one-way .reading-details[open]>.reading-toggle{display:none}.reading-one-way .reading-text:focus{outline:none}

/* Proposal six: quiet typography, paired reading sections, no new colour palette. */
.reading-columns .reading-opening,.reading-columns .reading-text,.reading-columns .reading-details,.reading-columns .reading-comparison{max-width:1100px}
.reading-columns .reading-opening>p:first-child{font-size:22px;line-height:1.5;border-left:3px solid var(--orange);padding-left:18px;margin-bottom:20px}
.reading-columns .reading-opening>p:not(:first-child){max-width:820px}
.reading-columns .reading-text{padding-top:14px}
.reading-columns .reading-remainder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px 56px}
.reading-columns .reading-remainder>.static-section{margin:0;padding:0}
.reading-columns .reading-remainder>.static-section:nth-child(2){border-left:1px solid #29272426;padding-left:36px}
.reading-columns .reading-remainder>.static-section:last-child{grid-column:1/-1;border-top:1px solid #29272426;padding-top:30px}
.reading-columns .static-section h2{font-size:25px;line-height:1.3;margin-bottom:20px}
.reading-columns .reading-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 56px}
.reading-columns .reading-application:last-child{grid-column:1/-1;max-width:750px}
.reading-columns .reading-application>p{font-weight:600}
.reading-columns .reading-application li::marker{color:var(--orange);font-size:.75em}
.reading-columns .reading-gallery{margin-top:32px}
@media(max-width:760px){.reading-columns .reading-remainder,.reading-columns .reading-applications{grid-template-columns:1fr;gap:24px}.reading-columns .reading-remainder>.static-section:nth-child(2){border-left:0;border-top:1px solid #29272426;padding:24px 0 0}.reading-columns .reading-opening>p:first-child{font-size:20px}.reading-columns .reading-remainder>.static-section:last-child{padding-top:24px}.reading-columns .reading-comparison{gap:10px}}

/* Permanently expanded versions do not use a disclosure control. */
.reading-expanded .reading-hero{height:auto}
.reading-expanded .reading-hero img{width:100%;height:auto;max-height:75vh;object-fit:cover}

/* Match the existing course hero shadow on all static heroes. */
.reading-hero,.static-hero{position:relative;z-index:1;box-shadow:var(--hero-shadow,0 2px 5px #32273875)}