/* An uninterrupted reading page: essential content is always expanded. */
.reading-container { width:calc(100% - 80px); max-width:1240px; margin:0 auto; }
.reading-list li>div,.reading-flow li>div,.reading-feature-grid article,.reading-scope-list dd,.reading-next>div { min-width:0; }
.overview-page main { background:#fff; color:#17233b; }
.overview-page h1,.overview-page h2,.overview-page h3 { word-break:keep-all; }
.reading-hero { padding:28px 0 0; }
.reading-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:#4b5c75; font-size:13px; }
.reading-breadcrumb a:hover { color:#2563ed; }
.reading-intro { text-align:center; padding:68px 0 38px; }
.reading-intro .eyebrow { color:#2563ed; margin-bottom:20px; }
.reading-intro h1 { font-size:clamp(38px,3.7vw,56px); line-height:1.24; letter-spacing:-.055em; font-weight:800; }
.reading-intro h1>span { color:#2563ed; }
.reading-intro>p:last-child { margin-top:22px; font-size:19px; line-height:1.75; color:#40516a; word-break:keep-all; }
.reading-status { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding:15px 22px; font-size:13px; line-height:1.6; background:#f4f7fc; border:1px solid #e2e8f1; border-radius:8px; color:#4b5c75; }
.reading-status>span:first-child { width:6px; height:6px; border-radius:50%; background:#ee3e49; }
.reading-status strong { font-weight:700; color:#263b59; margin-right:5px; }
.reading-summary { padding:60px 0 0; }
.reading-section-label { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:24px; }
.reading-section-label h2 { font-size:28px; line-height:1.4; letter-spacing:-.04em; font-weight:750; }
.reading-section-label>span { flex-shrink:0; font-size:11px; letter-spacing:1.3px; color:#4b5c75; font-weight:650; }
.reading-list { margin:0; padding:0; list-style:none; border-top:2px solid #17233b; }
.reading-list li { display:flex; align-items:baseline; gap:18px; padding:25px 6px; border-bottom:1px solid #e4e9f0; }
.reading-dot { flex-shrink:0; width:7px; height:7px; border-radius:50%; background:#2563ed; }
.reading-list h3 { display:inline; font-size:18px; line-height:1.9; font-weight:750; letter-spacing:-.025em; color:#17233b; margin-right:7px; }
.reading-list p { display:inline; font-size:17px; line-height:1.95; color:#35465e; word-break:keep-all; overflow-wrap:break-word; }
.reading-takeaway { margin-top:26px; padding:23px 26px; border-left:3px solid #2563ed; background:#f2f6fe; font-size:18px; line-height:1.75; color:#35465e; word-break:keep-all; }
.reading-takeaway strong { color:#173b7f; }
.reading-process { padding:76px 0 0; }
.reading-section-lead { color:#40516a; font-size:17px; line-height:1.8; margin-top:-10px; margin-bottom:26px; word-break:keep-all; }
.reading-flow-box { padding:32px 24px 24px; background:#f5f7fb; border:1px solid #e3e9f1; border-radius:12px; }
.reading-flow { list-style:none; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); margin:0; padding:0; gap:14px; }
.reading-flow li { position:relative; text-align:center; }
.reading-flow li:not(:last-child):after { content:'›'; position:absolute; right:-11px; top:6px; font-size:22px; color:#8192ac; }
.reading-step-number { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; margin:0 auto 15px; background:#2563ed; color:#fff; font-size:13px; font-weight:700; }
.reading-flow li:last-child .reading-step-number { background:#ee3e49; }
.reading-flow h3 { font-size:15px; line-height:1.5; letter-spacing:-.035em; font-weight:750; color:#17233b; }
.reading-flow li p { margin-top:7px; font-size:12px; line-height:1.6; color:#4b5c75; word-break:keep-all; }
.reading-flow-note { margin-top:28px; padding-top:20px; border-top:1px solid #dce4ef; font-size:15px; line-height:1.85; color:#40516a; word-break:keep-all; }
.reading-flow-note strong { color:#17233b; margin-right:5px; }
.reading-support-note { font-size:13px; line-height:1.7; margin-top:16px; color:#4b5c75; word-break:keep-all; }
.reading-features { padding:70px 0 0; }
.reading-feature-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.reading-feature-grid article { padding:28px 12px 24px; border:1px solid #dfe5ee; border-radius:10px; text-align:center; }
.reading-feature-grid svg { width:34px; height:34px; display:block; margin:0 auto 20px; fill:none; stroke:#2563ed; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.reading-feature-grid h3 { font-size:17px; line-height:1.5; font-weight:750; letter-spacing:-.035em; color:#17233b; }
.reading-feature-grid p { font-size:13px; line-height:1.85; margin-top:10px; color:#40516a; word-break:keep-all; }
.reading-scope { padding:76px 0 88px; }
.reading-scope-list { margin:0; border-top:2px solid #17233b; }
.reading-scope-list>div { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:26px 6px; border-bottom:1px solid #e4e9f0; }
.reading-scope-list dt { font-size:17px; font-weight:750; line-height:1.8; color:#2563ed; }
.reading-scope-list dd { margin:0; font-size:17px; line-height:1.8; word-break:keep-all; }
.reading-scope-list dd strong { font-weight:650; }
.reading-scope-list dd p { font-size:15px; line-height:1.9; margin-top:7px; color:#40516a; }
.reading-next { display:flex; align-items:center; justify-content:space-between; gap:36px; background:#f4f7fc; padding:36px; margin-top:50px; border-radius:12px; }
.reading-next .eyebrow { font-size:11px; display:block; margin-bottom:14px; }
.reading-next h2 { font-size:27px; font-weight:750; letter-spacing:-.04em; }
.reading-next p { color:#40516a; font-size:15px; line-height:1.8; margin-top:12px; word-break:keep-all; }
.reading-next .button { flex-shrink:0; font-size:16px; }
.reading-mobile-break { display:none; }
@media (max-width:1179px) {
  .reading-flow { grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px 18px; }
  .reading-flow li:nth-child(5):after { display:none; }
  .reading-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .reading-feature-grid article { padding:26px 16px; }
  .reading-flow h3 { font-size:16px; }
  .reading-flow li p { font-size:13px; }
}
@media (max-width:760px) {
  .reading-container { width:calc(100% - 40px); }
  .reading-hero { padding-top:24px; }
  .reading-intro { padding:48px 0 28px; }
  .reading-intro h1 { font-size:36px; }
  .reading-intro>p:last-child { font-size:16px; }
  .reading-status { padding:15px 18px; justify-content:flex-start; font-size:12px; }
  .reading-status-copy { flex-basis:100%; }
  .reading-section-label { display:block; margin-bottom:20px; }
  .reading-section-label h2 { font-size:25px; }
  .reading-section-label>span { display:block; margin-top:10px; font-size:10px; }
  .reading-summary { padding-top:40px; }
  .reading-list li { padding:23px 0; gap:12px; }
  .reading-list h3 { display:block; font-size:18px; line-height:1.65; margin:0 0 7px; }
  .reading-list p { display:block; font-size:16px; line-height:1.85; }
  .reading-takeaway { padding:20px; font-size:16px; }
  .reading-process,.reading-features { padding-top:52px; }
  .reading-section-lead { font-size:16px; margin-top:0; }
  .reading-flow-box { padding:22px; }
  .reading-flow { grid-template-columns:1fr; gap:0; }
  .reading-flow li { display:flex; align-items:flex-start; text-align:left; gap:17px; padding-bottom:24px; }
  .reading-flow li:last-child { padding-bottom:0; }
  .reading-step-number { width:34px; height:34px; flex-shrink:0; margin:0; position:relative; z-index:1; }
  .reading-flow li:not(:last-child):after { content:''; display:block; width:1px; top:34px; bottom:0; left:16px; right:auto; background:#cad8ed; }
  .reading-flow h3 { font-size:17px; margin-top:2px; }
  .reading-flow li p { font-size:14px; margin-top:3px; }
  .reading-flow-note { font-size:14px; margin-top:24px; }
  .reading-flow-note strong { display:block; margin-bottom:5px; }
  .reading-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .reading-feature-grid article { padding:23px 10px; }
  .reading-feature-grid h3 { font-size:16px; }
  .reading-feature-grid p { font-size:13px; }
  .reading-feature-grid svg { margin-bottom:16px; }
  .reading-scope { padding:52px 0 60px; }
  .reading-scope-list>div { grid-template-columns:1fr; gap:8px; padding:22px 0; }
  .reading-scope-list dt,.reading-scope-list dd { font-size:16px; }
  .reading-scope-list dd p { font-size:14px; }
  .reading-next { display:block; padding:26px 22px; margin-top:36px; }
  .reading-next h2 { font-size:25px; }
  .reading-next .button { margin-top:24px; }
  .reading-mobile-break { display:block; }
}
@media (min-width:761px) and (max-width:1024px) {
  .reading-container { width:calc(100% - 56px); }
  .reading-intro h1 { font-size:44px; }
  .reading-scope-list>div { grid-template-columns:150px minmax(0,1fr); gap:24px; }
  .reading-next { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media (max-width:640px) {
  .reading-next .button { width:100%; min-height:52px; }
  .overview-page .intro-switch a { min-height:44px; }
  .reading-section-label h2 { font-size:clamp(23px,6.2vw,28px); }
  .reading-scope-list dd { overflow-wrap:break-word; }
}
@media (max-width:360px) {
  .reading-container { width:calc(100% - 32px); }
  .reading-intro h1 { font-size:31px; }
  .reading-feature-grid { grid-template-columns:1fr; }
}
