.subject-guide { max-width: 72ch; margin-block: 24px 40px; }
.study-jumps { display:flex; flex-wrap:wrap; gap:5px 12px; margin:14px 0 22px; font:13px/1.7 var(--portal-ui); }
.subject-opening { font-size:18px; line-height:1.8; }
.reading-comparison { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; margin-block:18px 26px; }
.reading-choice { padding:0 0 18px; border-bottom:1px solid var(--line); min-width:0; }
.reading-choice h4 { margin:0 0 4px; font-size:19px; font-weight:500; }
.reading-choice dl { margin:12px 0; font-size:15px; line-height:1.7; }
.reading-choice dt { font:600 12px/1.6 var(--portal-ui); margin-top:10px; color:var(--muted); }
.reading-choice dd { margin:2px 0 8px; }
.reading-choice details { font-size:14px; }
.reading-choice details p { margin-top:10px; }
.section-anchor { display:block; scroll-margin-top:80px; }
.subject-landing { margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.subject-landing h2 { font-size:23px; }
.subject-landing ul { columns:2; column-gap:28px; }
.subject-landing li { break-inside:avoid; }
@media(min-width:1200px){ .reading-comparison { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } }
@media(max-width:599px){ .subject-landing ul { columns:1; } }
.subject-guide h3 { margin-top: 24px; }
.subject-guide details { margin-block: 18px; }
.subject-guide li { margin-block: 8px; }
.subject-guide .katex-display, .direction-introduction .katex-display { overflow-x: auto; overflow-y: hidden; max-width: 100%; }
.subject-guide > h3 { font-size: 19px; margin-top: 28px; }
.direction-introduction > h2 { font-size: 23px; margin-top: 34px; }
.direction-introduction > p { margin-bottom: 18px; }
.study-checks { padding-left: 25px; }
.study-checks > li { padding: 12px 0 18px 3px; border-bottom: 1px solid var(--line); }
.study-checks > li::marker { font: 14px var(--portal-ui); color: var(--muted); }
.study-checks details { margin: 6px 0; }
.study-checks summary { font: 14px/1.6 var(--portal-ui); }
.study-checks details[open] { margin-bottom: 18px; }
.study-checks details[open] > summary { margin-bottom: 10px; }
.check-intro { font-size: 15px; color: var(--muted); }
.study-figure { margin: 30px 0; padding-block: 18px; border-block: 1px solid var(--line); }
.study-figure .figure-title { margin: 0 0 18px; font-size: 18px; font-weight: 600; }
.figure-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.figure-panels.single-panel { display: block; }
.figure-panel { min-width: 0; }
.figure-panel > .panel-title { text-align: center; font: 14px/1.6 var(--portal-ui); margin: 0; }
.study-figure svg { display: block; width: 100%; height: auto; font-family: Georgia,serif; }
.study-figure figcaption { margin-top: 12px; font: 14px/1.75 var(--portal-ui); color: var(--muted); }
@media(max-width:560px) {
 .figure-panels { grid-template-columns: minmax(0,1fr); gap: 12px; }
 .figure-panel svg { max-width: 320px; margin-inline: auto; }
 .study-figure .figure-title { font-size: 17px; }
 .subject-guide > h3 { font-size: 18px; }
}