/* Wide demonstrations alternate with quiet, vertically composed reading sections. */
:root{--chapter-size:clamp(38px,3.5vw,50px);--reading-title-size:clamp(32px,2.8vw,40px);--module-size:25px;--reading-copy:15px}
.section-heading{min-height:0;padding-block:28px;margin-bottom:48px;gap:48px}
.chapter-title{font-size:var(--chapter-size);line-height:1.32;font-weight:500;letter-spacing:-.05em}
.section-heading>p{font-size:14px;line-height:1.95}
.section-reading.wrap,.section-reading>.wrap{width:min(820px,calc(100% - 96px));margin-inline:auto}
.section-reading{padding-top:145px}
.section-reading .section-heading,.heading-stacked>.section-heading{display:block;min-height:0;padding:0;margin-bottom:48px}
.section-reading .section-heading h2,.section-reading .models-copy h2{font-size:var(--reading-title-size);line-height:1.4;max-width:610px;margin:0;translate:0 clamp(-10px,var(--chapter-shift,0px),10px)}
.section-reading .section-heading>p,.heading-stacked>.section-heading>p{max-width:510px;min-width:0;margin-top:27px;font-size:var(--reading-copy);line-height:1.95}
.section-reading .section-heading>p br,.heading-stacked>.section-heading>p br{display:none}
.heading-stacked>.section-heading{max-width:620px;margin-bottom:40px}
.heading-stacked>.section-heading h2{translate:0 clamp(-12px,var(--chapter-shift,0px),12px)}
.applications.heading-stacked{padding-top:95px}
.applications.heading-stacked>.section-heading{margin-bottom:22px}
.section-reading .corpus-layout{display:grid;grid-template-columns:1fr;gap:48px}
.section-reading .source-paper{min-height:285px;padding:34px 38px}
.section-reading .source-excerpt-line{font-size:15px;line-height:1.9}
.section-reading .source-caption{font-size:12px;line-height:1.9;margin-top:19px;max-width:650px}
.section-reading .corpus-map{width:100%;padding-top:32px;border-top:1px solid var(--line)}
.section-reading .classification-top strong{font-size:46px}
.section-reading .worldline-list{font-size:13px}
.section-reading .fine-print{font-size:11px;line-height:1.9}
.section-reading .persona-layout{display:block;min-height:0}
.section-reading .persona-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;margin-bottom:32px;border:0}
.section-reading .persona-menu>button{display:flex;justify-content:flex-start;gap:10px;padding:14px 0;font-size:13px;border-bottom:1px solid var(--line);white-space:nowrap}
.section-reading .persona-menu>button[aria-selected="true"]{border-bottom-color:var(--accent)}
.section-reading .persona-menu>button>svg,.section-reading .persona-menu-note{display:none}
.section-reading .persona-detail{min-height:335px;padding:0;display:block}
.section-reading .persona-detail h3{font-size:var(--module-size);line-height:1.5;font-weight:500;margin-bottom:16px}
.section-reading .persona-detail>p{font-size:var(--reading-copy);line-height:1.95;max-width:670px}
.section-reading .persona-example{margin-top:28px;padding:28px 32px}
.section-reading .persona-example p{font-size:15px;line-height:1.9}
.section-reading .persona-detail .panel-note{font-size:11px;line-height:1.9}
.section-reading .section-under{display:block;padding-top:24px}
.section-reading .section-under p{font-size:12px;line-height:1.9;max-width:660px}
.section-reading .section-under .text-link{margin-top:14px}
.section-reading .demo-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}
.section-reading .demo-context{max-width:650px;margin-top:45px;padding-top:28px;border-top:1px solid var(--line)}
.section-reading .demo-context h3{font-size:var(--module-size);line-height:1.5;font-weight:500}
.section-reading .demo-context p{font-size:var(--reading-copy);line-height:1.95}
.section-reading .demo-tabs{margin-bottom:27px;gap:35px}
.section-reading .demo-tabs button{font-size:13px}
.section-reading .chat-window{width:calc(100% - 48px);margin:24px;min-height:400px;padding:32px;outline-width:24px}
.section-reading .chat-bubble{font-size:15px;line-height:1.85;max-width:85%}
.section-reading .chat-messages{min-height:245px}
.section-reading .demo-note{font-size:12px;line-height:1.9;max-width:700px;margin-top:32px}
.models-section.section-reading{display:block}
.section-reading .models-copy{max-width:570px}
.section-reading .models-copy>p{font-size:var(--reading-copy);line-height:1.95;margin-top:28px}
.section-reading .models-copy>.text-link{margin-top:18px}
.section-reading .model-diagram{max-width:620px;margin:58px 0 0;padding:0}
.section-reading .provider-row{font-size:14px}
.section-reading .model-pipeline{padding:24px 30px}
.section-reading .local-model b{font-size:34px}
.heading-stacked .validation-stat strong{font-size:clamp(42px,4.6vw,60px)}
.heading-stacked .validation-stat strong>span{font-size:24px}
.flow-detail h3,.continuity-grid h3{font-size:var(--module-size);font-weight:500;line-height:1.5}
.flow-detail>div>p,.continuity-grid article>p{font-size:14px;line-height:1.95}
.closing h2{font-size:clamp(48px,5.5vw,76px)}
@media(max-width:800px){
  .section-reading.wrap,.section-reading>.wrap{width:min(680px,calc(100% - 64px))}
  .section-reading{padding-top:110px}
  .section-heading{gap:32px}
  .section-reading .persona-menu{gap:12px}
}
@media(max-width:620px){
  :root{--chapter-size:34px;--reading-title-size:30px;--module-size:22px;--reading-copy:14px}
  .section-heading{padding-block:20px;margin-bottom:34px}
  .section-heading>p{font-size:13px;margin-top:24px}
  .section-reading.wrap,.section-reading>.wrap{width:calc(100% - 40px)}
  .section-reading{padding-top:94px}
  .section-reading .section-heading,.heading-stacked>.section-heading{margin-bottom:34px}
  .section-reading .section-heading>p,.heading-stacked>.section-heading>p{margin-top:22px}
  .applications.heading-stacked{padding-top:45px}
  .section-reading .corpus-layout{gap:34px}
  .section-reading .source-paper{padding:25px;min-height:265px}
  .section-reading .source-excerpt-line{font-size:14px}
  .section-reading .corpus-map{padding-top:25px}
  .section-reading .classification-top strong{font-size:40px}
  .section-reading .worldline-list{font-size:12px}
  .section-reading .persona-menu{gap:9px;margin-bottom:26px}
  .section-reading .persona-menu>button{font-size:11px;gap:4px;padding-block:12px}
  .section-reading .persona-menu>button>span{display:none}
  .section-reading .persona-example{padding:22px;margin-top:24px}
  .section-reading .persona-example p{font-size:14px}
  .section-reading .persona-detail{min-height:355px}
  .section-reading .demo-context{margin-top:34px;padding-top:24px}
  .section-reading .demo-tabs{gap:27px}
  .section-reading .demo-tabs button{font-size:12px}
  .section-reading .chat-window{width:calc(100% - 28px);margin:14px;outline-width:14px;padding:22px;min-height:390px}
  .section-reading .chat-bubble{font-size:14px;max-width:92%}
  .section-reading .demo-note{font-size:11px;margin-top:25px}
  .section-reading .model-diagram{margin-top:40px;padding:0}
  .section-reading .provider-row{font-size:12px;gap:15px}
  .section-reading .model-pipeline{padding:20px}
  .heading-stacked .validation-stat strong{font-size:42px}
  .heading-stacked .validation-stat strong>span{font-size:19px}
  .closing h2{font-size:48px}
}
@media(max-width:360px){
  .section-reading.wrap,.section-reading>.wrap{width:calc(100% - 32px)}
  :root{--reading-title-size:28px;--chapter-size:32px}
  .section-reading .persona-menu{gap:6px}
  .section-reading .persona-menu>button{font-size:10px}
}
@media print{.section-reading{padding-top:35px}.section-reading.wrap,.section-reading>.wrap{width:100%;max-width:760px}.section-reading .chapter-title,.heading-stacked .chapter-title{translate:none}}

/* Center the reading group; align its variable-width children to a shared left edge. */
.section-reading .corpus-layout{max-width:820px}
.section-reading .source-excerpt{max-width:760px}
.section-reading .corpus-map{max-width:650px}
.section-reading .persona-layout{max-width:780px}
.section-reading .persona-menu{max-width:660px}
.section-reading .persona-detail>p{max-width:540px}
.section-reading .persona-example{max-width:730px;border-radius:8px 28px 28px 28px}
.section-reading .section-under{max-width:640px}
.section-reading .demo-layout{max-width:820px}
.section-reading .demo-context{max-width:570px}
.section-reading .chat-window{border-radius:12px 30px 30px 30px}
.section-reading .model-pipeline{border-radius:10px 26px 26px 26px}
