/* Study 09. Reading-first chapter rhythm, with interactions only where they explain relationships. */
html body.reading-thesis{background:var(--bg)}
html body.reading-thesis .reader-shell{max-width:1230px;padding-top:35px}
html body.reading-thesis .reader-layout{grid-template-columns:175px minmax(0,850px);gap:65px}
html body.reading-thesis .reader-top{margin-bottom:52px}
html body.reading-thesis .reader-content{font-size:var(--reading-size,19px);line-height:1.8;min-width:0}
html body.reading-thesis .reader-content>h1{font-size:clamp(42px,5.3vw,72px);line-height:1.06;letter-spacing:-.065em;max-width:12ch;margin:20px 0 24px;font-weight:500}
html body.reading-thesis .reader-content>.eyebrow{font-size:11px;letter-spacing:.12em}
html body.reading-thesis .reader-meta{font-size:12px;color:var(--muted);line-height:1.7;padding-bottom:24px;border-bottom:1px solid var(--line)}
html body.reading-thesis .reader-toc{top:170px;align-self:start;counter-reset:chapter}
html body.reading-thesis .reader-toc>span{font-size:10px;letter-spacing:.14em;margin-bottom:22px}
html body.reading-thesis .reader-toc a{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:11px 0;font-size:12px;line-height:1.5;border:0;margin:0;color:var(--muted)}
html body.reading-thesis .reader-toc a::before{content:attr(data-chapter);font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
html body.reading-thesis .reader-toc a[aria-current=location]{color:var(--accent)}
html body.reading-thesis .reader-toc a[aria-current=location]::before{color:var(--accent)}
html body.reading-thesis .brief-opening{padding:26px 0 42px}
html body.reading-thesis .brief-deck{font-size:1.22em;line-height:1.55;max-width:43ch;margin:0 0 20px;letter-spacing:-.025em}
html body.reading-thesis .brief-scope{font-size:11px;letter-spacing:.015em;color:var(--muted);margin:0}
html body.reading-thesis .brief-chapter{scroll-margin-top:24px;border-top:1px solid var(--line);padding:48px 0 58px}
html body.reading-thesis .brief-label{display:block;font:10px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
html body.reading-thesis .brief-chapter h2{font:500 clamp(29px,3.3vw,43px)/1.14 var(--body);letter-spacing:-.045em;max-width:25ch;margin:0 0 28px;scroll-margin-top:24px}
html body.reading-thesis .brief-chapter h2 em{font-style:italic;font-weight:400;color:var(--accent)}
html body.reading-thesis .brief-chapter>p:not(.brief-label){max-width:62ch;margin:0 0 25px}
html body.reading-thesis .brief-why blockquote{padding:25px 30px;margin:30px 0 0;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--surface) 38%,var(--bg));font-size:1.15em;line-height:1.6;letter-spacing:-.02em;font-style:normal;max-width:52ch}
html body.reading-thesis .brief-why blockquote .brief-label{margin-bottom:12px;color:var(--accent)}
.brief-map-labels{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding:14px 12px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.brief-pair{border-top:1px solid var(--line)}.brief-pair:last-child{border-bottom:1px solid var(--line)}
.brief-pair summary{display:grid;grid-template-columns:1fr 85px 1.15fr;align-items:center;gap:10px;min-height:68px;padding:12px;list-style:none;cursor:pointer;font-size:.88em;line-height:1.45;color:var(--ink)}
.brief-pair summary::-webkit-details-marker{display:none}
.pair-from{display:flex;gap:16px;align-items:baseline}.pair-from small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.pair-to{display:flex;align-items:center;justify-content:space-between;gap:14px}.pair-to i{font:20px/1 var(--body);color:var(--muted);transition:transform 200ms;flex:none}
.brief-pair summary svg{width:100%;height:32px;color:var(--line)}.brief-pair summary path{fill:none;stroke:currentColor;stroke-width:1.1}.brief-pair summary circle{fill:currentColor}
.brief-pair[open]{background:color-mix(in srgb,var(--surface) 32%,var(--bg))}
.brief-pair[open] summary{color:var(--accent)}.brief-pair[open] summary svg{color:var(--accent)}.brief-pair[open] .pair-to i{transform:rotate(45deg);color:var(--accent)}
.pair-explanation{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 26px 29px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
html body.reading-thesis .pair-explanation h3{font-size:.88em;line-height:1.5;letter-spacing:-.015em;font-weight:500;margin:0 0 10px}
html body.reading-thesis .pair-explanation p{font-size:.82em;line-height:1.75;color:var(--muted);margin:0}
html body.reading-thesis .pair-explanation .brief-label{font-size:9px;margin-bottom:9px;color:var(--accent)}
html body.reading-thesis .brief-chapter>.brief-caveat{font-size:.79em;line-height:1.75;color:var(--muted);margin:24px 0 0;max-width:72ch}
.brief-scale-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.brief-scale-figure{position:sticky;top:185px;padding-top:6px}.brief-scale-figure svg{width:100%;height:auto}.brief-scale-figure>p{font-size:10px!important;text-align:center;color:var(--muted);line-height:1.6!important;margin:0!important}
.brief-scale-figure .scale-ring{fill:transparent;stroke:var(--line);stroke-width:1;transition:fill 220ms,stroke 220ms}
.brief-scale-figure .scale-point{fill:var(--accent)}.brief-scale-figure text{font:8px var(--body);letter-spacing:.7px;text-anchor:middle;fill:var(--ink)}
[data-current-scale="0"] .scale-micro,[data-current-scale="1"] .scale-meso,[data-current-scale="2"] .scale-macro{fill:color-mix(in srgb,var(--accent) 6%,transparent);stroke:var(--accent);stroke-width:1.5}
html body.reading-thesis .brief-level h3{margin:0;font-size:inherit}
.brief-level button{display:grid;grid-template-columns:48px 1fr 14px;gap:12px;align-items:baseline;text-align:left;border:0;background:none;padding:13px 0;color:var(--ink);font:500 .95em/1.45 var(--body);width:100%;cursor:pointer}
.brief-level button>span{font-size:10px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.brief-level button i{font-size:13px;font-style:normal;opacity:0}.brief-level button[aria-pressed=true]{color:var(--accent)}.brief-level button[aria-pressed=true] i{opacity:1}
html body.reading-thesis .brief-level p{font-size:.88em;line-height:1.8;color:var(--muted);margin:0 0 28px}
.brief-level+.brief-level{border-top:1px solid var(--line)}
html body.reading-thesis .brief-method h3,html body.reading-thesis .brief-findings h3{font-size:1em;line-height:1.45;font-weight:500;letter-spacing:-.02em;margin:28px 0 10px;padding-top:23px;border-top:1px solid var(--line)}
html body.reading-thesis .brief-method h3{counter-increment:method}.brief-method{counter-reset:method}html body.reading-thesis .brief-method h3::before{content:'0' counter(method);color:var(--accent);font-size:11px;margin-right:18px;vertical-align:middle}
html body.reading-thesis .brief-method p:not(.brief-label),html body.reading-thesis .brief-findings p:not(.brief-label){font-size:.94em;color:var(--muted);line-height:1.8}
.brief-return{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:30px 0;font-size:14px}.brief-return>span{color:var(--muted)}.brief-return a{display:flex;align-items:center;gap:25px}
html body.reading-thesis .reader-source{font-size:11px;margin-top:16px;padding-top:20px}
.brief-pair summary:focus-visible,.brief-level button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
@media(max-width:1050px){html body.reading-thesis .reader-layout{grid-template-columns:145px minmax(0,1fr);gap:38px}.brief-scale-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.brief-pair summary{grid-template-columns:1fr 45px 1.15fr}.brief-map-labels{gap:45px}.pair-explanation{gap:20px;padding:20px}html body.reading-thesis .reader-toc a{font-size:11px}}
@media(max-width:740px){html body.reading-thesis .reader-layout{display:block}html body.reading-thesis .reader-shell{padding-top:24px}html body.reading-thesis .reader-top{margin-bottom:28px}html body.reading-thesis .reader-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 0 22px;margin:0 0 35px;border-bottom:1px solid var(--line)}html body.reading-thesis .reader-toc>span{grid-column:1/-1;margin-bottom:8px}html body.reading-thesis .reader-toc a{font-size:11px;gap:5px;padding:8px 0}html body.reading-thesis .reader-content>h1{font-size:48px;max-width:12ch}html body.reading-thesis .brief-opening{padding:25px 0 34px}html body.reading-thesis .brief-chapter{padding:34px 0 40px}html body.reading-thesis .brief-chapter h2{font-size:32px;scroll-margin-top:24px}html body.reading-thesis .brief-why blockquote{padding:21px 19px;font-size:1.05em}.brief-pair summary{grid-template-columns:1fr 28px 1.15fr;gap:7px;padding:14px 3px;font-size:.76em}.pair-from{gap:7px}.pair-to{gap:8px}.pair-to i{font-size:18px}.pair-explanation{grid-template-columns:1fr;gap:23px;padding:20px 16px 24px}.brief-map-labels{font-size:8px;gap:28px;padding-inline:3px}.brief-scale-layout{grid-template-columns:1fr;gap:12px}.brief-scale-figure{position:static;width:205px;margin:0 auto 16px}.brief-level button{grid-template-columns:44px 1fr 12px;gap:9px}html body.reading-thesis .brief-level p{margin-bottom:24px}.brief-return{align-items:start;flex-direction:column;gap:12px}html body.reading-thesis .brief-scope{font-size:10px}html body.reading-thesis .reader-content{font-size:var(--reading-size,19px)}}
@media(prefers-reduced-motion:reduce){.brief-pair *,.brief-scale-figure *{transition:none!important}}
/* Long category names remain inside the disclosure row at enlarged reading sizes. */
.pair-from,.pair-to{min-width:0;overflow-wrap:anywhere}
.brief-pair summary{grid-template-columns:minmax(0,1fr) 85px minmax(0,1.15fr)}
@media(max-width:1050px){.brief-pair summary{grid-template-columns:minmax(0,1fr) 45px minmax(0,1.15fr)}}
@media(max-width:740px){.brief-pair summary{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr)}}