/* Two isolated studies; shared hero, navigation and source content stay intact. */
.reading-comparison{flex-wrap:wrap}
:is(.reading-crafted,.reading-journal) .reading-toggle{box-shadow:0 4px 0 #a95509,0 9px 18px #78401924;transition:box-shadow .18s,translate .18s;margin-bottom:10px}
:is(.reading-crafted,.reading-journal) .reading-toggle:hover{translate:0 -2px;box-shadow:0 6px 0 #a95509,0 12px 22px #7840192b}
:is(.reading-crafted,.reading-journal) .reading-toggle:active{translate:0 3px;box-shadow:0 1px 0 #a95509,0 3px 7px #78401924}
:is(.reading-crafted,.reading-journal) .reading-toggle:focus-visible{outline:2px solid #292724;outline-offset:6px}
:is(.reading-crafted,.reading-journal) .gallery-controls button{box-shadow:0 3px 9px #29272417;border-radius:50%}
:is(.reading-crafted,.reading-journal) .static-section h2{color:#bc5906;text-wrap:balance}
/* Seven: a restrained refinement of the paired columns. */
.reading-crafted .reading-opening>p:first-child{border-left:0;padding:0;font-size:27px;letter-spacing:-.025em;margin-bottom:16px}
.reading-crafted .reading-opening>p:first-child::after{content:'';display:block;width:48px;height:3px;background:var(--orange);margin-top:18px;border-radius:2px}
.reading-crafted .reading-text{padding-top:24px}
.reading-crafted .reading-continuation>p:first-child::first-letter{float:left;font-family:Georgia,serif;font-size:4.6em;line-height:.8;margin:7px 9px 0 0;color:#bc5906}
.reading-crafted .reading-remainder>.static-section:nth-child(2){border-left:0;padding:22px 28px 12px;background:#fff;border-radius:3px 20px 20px 3px;box-shadow:0 8px 28px #2927240a;border-top:3px solid var(--orange);align-self:start}
.reading-crafted .reading-remainder>.static-section:last-child{border-top:0;padding-top:14px}
.reading-crafted .reading-remainder>.static-section:last-child>h2{display:flex;align-items:center;gap:24px}
.reading-crafted .reading-remainder>.static-section:last-child>h2::after{content:'';flex:1;height:1px;background:#29272424}
.reading-crafted .reading-application>p{font-weight:600}
.reading-crafted .reading-application li{padding-left:.4em;margin-bottom:.45em}
/* Eight: a spacious journal, with chapter-like side headings and a fine reading rhythm. */
.reading-journal .reading-opening,.reading-journal .reading-text,.reading-journal .reading-details,.reading-journal .reading-comparison{max-width:1120px}
.reading-journal .reading-opening{display:grid;grid-template-columns:1fr 1.65fr;gap:56px;padding-top:12px;padding-bottom:18px}
.reading-journal .reading-opening>p:first-child{border:0;padding:0;font-family:Georgia,serif;font-size:32px;line-height:1.3;letter-spacing:-.035em;max-width:330px}
.reading-journal .reading-opening>p:first-child::before{content:'';display:block;width:44px;height:3px;background:var(--orange);margin:4px 0 22px}
.reading-journal .reading-remainder{display:block}
.reading-journal .reading-text{padding-top:18px}
.reading-journal .reading-remainder>.static-section{margin:0 0 44px;padding:0;border:0}
.reading-journal .reading-continuation .reading-section-body{columns:2;column-gap:56px;column-rule:1px solid #29272420}
.reading-journal .reading-section-body p{orphans:3;widows:3}
.reading-journal .reading-remainder>.static-section:nth-child(2){display:grid;grid-template-columns:1fr 1.65fr;gap:56px;padding:34px 0 18px;border-top:1px solid #29272426;border-bottom:1px solid #29272426}
.reading-journal .static-section h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.03em}
.reading-journal .reading-remainder>.static-section:nth-child(2) h2{max-width:300px}
.reading-journal .reading-remainder>.static-section:nth-child(2) .reading-section-body>p:last-child{font-weight:700;margin-top:24px;padding-left:18px;border-left:3px solid var(--orange)}
.reading-journal .reading-remainder>.static-section:last-child{padding-top:0}
.reading-journal .reading-remainder>.static-section:last-child>h2{margin-bottom:32px}
:is(.reading-crafted,.reading-journal) .reading-applications{display:block;counter-reset:application}
:is(.reading-crafted,.reading-journal) .reading-application{position:relative;display:grid;grid-template-columns:1fr 1.65fr;gap:56px;max-width:none;padding:26px 0 28px 58px;border-top:1px solid #29272420;counter-increment:application}
:is(.reading-crafted,.reading-journal) .reading-application::before{content:counter(application,decimal-leading-zero);position:absolute;top:23px;left:0;font:italic 26px/1.3 Georgia,serif;color:#bc5906}
:is(.reading-crafted,.reading-journal) .reading-application:last-child{max-width:none;grid-column:auto}
:is(.reading-crafted,.reading-journal) .reading-application>p{font-weight:400;font-size:18px;line-height:1.6;margin:0}
:is(.reading-crafted,.reading-journal) .reading-application>ul{columns:2;column-gap:32px;margin:0;padding-left:18px}
:is(.reading-crafted,.reading-journal) .reading-application li{break-inside:avoid;margin:0 0 9px;padding-left:2px;line-height:1.6}
.reading-journal .reading-gallery{margin-top:14px}
@media(max-width:760px){
 .reading-crafted .reading-opening>p:first-child{font-size:24px}
 .reading-crafted .reading-remainder>.static-section:nth-child(2){padding:20px 22px 10px;border-top:3px solid var(--orange)}
 .reading-crafted .reading-continuation>p:first-child::first-letter{font-size:4em}
 .reading-journal .reading-opening{display:block;padding-top:6px}
 .reading-journal .reading-opening>p:first-child{font-size:28px;max-width:460px}
 .reading-journal .reading-opening>p:first-child::before{margin-bottom:16px}
 .reading-journal .reading-continuation .reading-section-body{columns:1}
 .reading-journal .reading-remainder>.static-section:nth-child(2){display:block;padding:25px 0 12px}
 .reading-journal .reading-remainder>.static-section{margin-bottom:30px}
 .reading-journal .static-section h2{font-size:28px}
 :is(.reading-crafted,.reading-journal) .reading-application{display:block;padding:22px 0 20px 44px}
 :is(.reading-crafted,.reading-journal) .reading-application::before{font-size:23px;top:22px}
 :is(.reading-crafted,.reading-journal) .reading-application>p{font-size:17px;margin-bottom:18px}
 :is(.reading-crafted,.reading-journal) .reading-application>ul{columns:1}
}
@media(prefers-reduced-motion:reduce){:is(.reading-crafted,.reading-journal) .reading-toggle{transition:none}}
/* Let both text tracks shrink naturally, including long emphasized sentences. */
.reading-journal .reading-opening,.reading-journal .reading-remainder>.static-section:nth-child(2),:is(.reading-crafted,.reading-journal) .reading-application{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}
.reading-journal .reading-section-body{min-width:0}
.reading-journal .reading-remainder>.static-section:nth-child(2){border-left:0}
.reading-journal .reading-remainder>.static-section:last-child{border-top:0}
@media(min-width:761px) and (max-width:1000px){:is(.reading-crafted,.reading-journal) .reading-application>ul{columns:1}}

/* Chosen comparison pair: hero reduced by fifteen percent; spacing replaces comparison links. */
:is(.reading-crafted,.reading-journal).reading-expanded .reading-hero img{max-height:63.75vh}
.reading-crafted .reading-opening{padding-top:30px}
.reading-journal .reading-opening{padding-top:30px}
/* V7 refinement: two-line initial and a lightly outlined treatment panel. */
.reading-crafted .reading-continuation>p:first-child::first-letter{font-size:3em;line-height:.8;margin:6px 8px 0 0}
.reading-crafted .reading-remainder>.static-section:nth-child(2){border:1px solid #dedede;border-top:3px solid var(--orange);border-radius:3px 20px 20px 20px}
/* V7 initial uses the same Josefin typeface as the surrounding paragraph. */
.reading-crafted .reading-continuation>p:first-child::first-letter{font-family:inherit}
.reading-crafted .reading-continuation>p:first-child::first-letter{margin-top:10px}
/* V7 initial: exact values requested by the user. */
.reading-crafted .reading-continuation>p:first-child::first-letter{font-size:4em;line-height:.7;margin:8px 6px 0 -4px}
/* V8: shared heading typeface and softly raised ring markers. */
.reading-journal .static-section h2{font-family:Josefin,sans-serif;font-weight:700;letter-spacing:normal}
:is(.reading-crafted,.reading-journal) .reading-application::before{content:'';width:16px;height:16px;box-sizing:border-box;top:31px;left:5px;border:4px solid var(--orange);border-radius:50%;background:transparent;box-shadow:inset 0 1px 2px #9b4b1426,0 2px 3px #713a142e,0 -1px 0 #fff}
@media(max-width:760px){:is(.reading-crafted,.reading-journal) .reading-application::before{top:28px;left:3px;width:14px;height:14px;border-width:3px}}
/* V8 headings use the site's standard orange. */
.reading-journal .static-section h2{color:var(--orange)}
/* V7 uses the site's standard orange for headings and the initial. */
.reading-crafted .static-section h2,.reading-crafted .reading-continuation>p:first-child::first-letter{color:var(--orange)}
/* V7 emphasizes the treatment duration, matching V8. */
.reading-crafted .reading-remainder>.static-section:nth-child(2)>p:last-child{font-weight:700}
.reading-crafted .reading-remainder>.static-section:nth-child(2)>p:last-child{border-left:3px solid var(--orange);padding-left:18px;margin-top:24px}
/* V8 opening statement uses the shared Josefin typeface as well. */
.reading-journal .reading-opening>p:first-child{font-family:Josefin,sans-serif;letter-spacing:normal}
/* Shared V7/V8 gallery treatment: framed photographs and a comfortably separated scrollbar. */
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery{gap:24px;padding:8px 6px 24px;scrollbar-width:auto;scrollbar-color:var(--orange) #e9e6e2;margin-bottom:18px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery figure{box-sizing:border-box;flex-basis:calc((100% - 72px)/4);padding:5px;background:#fff;border:1px solid #e2dfdb;border-radius:12px;box-shadow:0 3px 8px #2927241a}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery img{border-radius:7px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery a{border-radius:7px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery::-webkit-scrollbar{height:14px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery::-webkit-scrollbar-track{background:#e9e6e2;border-radius:999px}
:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery::-webkit-scrollbar-thumb{background:var(--orange);border:3px solid #e9e6e2;border-radius:999px}
@media(max-width:850px){:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery figure{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:550px){:is(.reading-crafted,.reading-journal) .reading-gallery .course-gallery figure{flex-basis:100%}}
/* V7: compare both application-heading treatments without doubled rules. */
.reading-crafted .reading-remainder>.application-heading-v8,.reading-crafted .reading-remainder>.application-heading-v7{grid-column:1/-1;border:0;padding-top:14px}
.reading-crafted .application-comparison-label{font-size:12px;font-weight:400;color:#58534d;margin:0 0 14px}
.reading-crafted .application-heading-v8>h2{display:block;margin-bottom:32px}
.reading-crafted .application-heading-v8>h2::after{display:none}
.reading-crafted .application-heading-v7 .reading-application:first-child{border-top:0}
/* Original V7 applications component, including its heading, retained for reuse. */
.reading-paired-applications .reading-remainder>.static-section:last-child>h2{display:flex;align-items:center;gap:24px;font-family:Josefin,sans-serif;font-size:25px;font-weight:700;letter-spacing:normal;margin-bottom:20px}
.reading-paired-applications .reading-remainder>.static-section:last-child>h2::after{content:'';flex:1;height:1px;background:#29272424}
.reading-paired-applications .reading-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 56px}
.reading-paired-applications .reading-application{display:block;position:static;padding:0;border:0;max-width:none}
.reading-paired-applications .reading-application::before{content:none}
.reading-paired-applications .reading-application:last-child{grid-column:1/-1;max-width:750px}
.reading-paired-applications .reading-application>p{font-size:inherit;line-height:inherit;font-weight:600;margin:0 0 17px}
.reading-paired-applications .reading-application>ul{columns:1;margin:12px 0 24px;padding-left:1.4em}
.reading-paired-applications .reading-application li{padding-left:.4em;margin:.35em 0 .45em;line-height:inherit}
@media(max-width:760px){.reading-paired-applications .reading-applications{grid-template-columns:1fr;gap:24px}}