/* Reader layout for the text adaptations of Anastasia's videos. */
.video-article .reading-wrap{max-width:840px;padding-bottom:48px}
.reading-breadcrumbs{display:flex;gap:12px;align-items:center;padding-top:30px;font-size:14px;color:var(--muted)}
.reading-breadcrumbs a:hover{color:var(--primary)}
.reading-header{padding:34px 0 26px}
.video-article .reading-header h1{font-size:clamp(36px,4.3vw,56px);line-height:1.12;max-width:820px;margin-bottom:24px}
.reading-header .lead{font-size:20px;line-height:1.7;color:var(--text)}
.reading-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;margin:24px 0 0}
.reading-meta a,.reading-body a,.reading-toc a{color:var(--primary)}
.reading-body a{text-decoration:underline;text-underline-offset:4px}
.reading-toc{padding:24px 28px;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;margin:4px 0 36px}
.reading-toc h2{font-size:20px;margin:0 0 14px}
.reading-toc ol{margin:0;padding-left:23px}
.reading-toc li{font-size:16px;padding-block:4px}
.reading-body section{margin-top:44px;scroll-margin-top:105px}
.video-article .reading-body h2{font-size:clamp(27px,3vw,34px);line-height:1.25;margin:0 0 20px}
.reading-body h3{font-size:23px;margin:28px 0 14px}
.reading-body p,.reading-body li{color:var(--text);font-size:18px;line-height:1.8}
.reading-body p{margin:0 0 20px}
.reading-body ul,.reading-body ol{padding-left:26px}
.reading-body li{padding-left:4px;margin-bottom:12px}
.reading-body strong{font-weight:650}
.reading-note{padding:22px 24px;margin:26px 0;border-left:3px solid var(--primary);background:var(--accent-soft);border-radius:0 8px 8px 0}
.reading-note p:last-child{margin-bottom:0}
.reading-body .source-caption{font-size:14px;color:var(--muted);line-height:1.7}
.study-plan{padding:24px 24px 12px 47px!important;border:1px solid var(--border);background:var(--panel-2);border-radius:10px}
.study-plan>li{margin-bottom:25px}
.study-plan ol{margin-top:10px}
.study-plan ol li{font-size:17px;margin-bottom:6px}
.judgement-list>div{padding:4px 0 12px;border-top:1px solid var(--border)}
.judgement-list h3{font-size:22px;line-height:1.45;letter-spacing:-.025em}
.answer-label{color:var(--primary);font-weight:650}
.reading-source{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}
.reading-source h2{font-size:25px}
.reading-source p{font-size:16px}
.video-article .article-related{margin-top:36px}
@media(max-width:760px){
  .reading-breadcrumbs{padding-top:22px}
  .reading-header{padding-top:28px}
  .reading-header .lead{font-size:18px}
  .reading-toc{padding:20px}
  .reading-body p,.reading-body li{font-size:17px;line-height:1.75}
  .reading-body section{margin-top:35px}
  .reading-note{padding:18px}
  .study-plan{padding:20px 16px 8px 37px!important}
  .study-plan ol{padding-left:20px}
  .judgement-list h3{font-size:20px}
  .reading-source .btn{width:100%;white-space:normal;text-align:center}
}