/* Stable presentation layer for both existing immutable pages and fresh builds.
   The shared-shell deployment inserts this URL with a source-derived version. */
@media screen {
  :root{--blue:#174f78}
  body{font-size:16px;line-height:1.6}
  .frame{width:min(1440px,calc(100% - 48px))}
  .masthead{gap:26px;padding-block:18px 15px}
  .brand>span{font-size:29px}.brand small{margin-top:6px}
  .main-nav{gap:26px}.main-nav a{padding-block:10px 12px}
  main.frame{padding-top:28px;padding-bottom:48px}
  main.frame h1{font-size:clamp(30px,3vw,40px);line-height:1.15;margin-bottom:16px}
  main.frame h2{font-size:clamp(25px,2.2vw,30px);margin-bottom:14px}
  main.frame h3{font-size:23px}
  main.frame p{max-width:none!important}
  .reading,.prose,.lead{max-width:none!important;min-width:0}
  .lead{font-size:20px;line-height:1.5}
  .page-heading{gap:24px;margin-bottom:22px}.page-heading h1{margin-bottom:12px}
  .section{padding-top:20px;margin-top:26px}.section-head{gap:18px;margin-bottom:14px}
  .prose h2{margin-top:24px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .three-column,.compare-grid{gap:22px}.panel{padding:20px}
  .record-panel{padding:19px}.note{line-height:1.55}
  .collection-ledger{padding-block:18px;gap:22px}.collection-ledger strong{font-size:28px}
  .entry-routes{gap:26px;padding-block:25px}.entry-routes h2{font-size:27px}
  .collection-reading,.source-hub-opening{gap:30px;padding:23px}
  .source-section-nav{margin-bottom:22px;padding-bottom:12px}.story-scope{padding:20px 24px;margin-bottom:22px}.story-scope h2{font-size:28px}
  .site-footer{padding-top:22px;padding-bottom:26px;gap:28px}
  .career-chart .salary-line{stroke-width:2.4}.career-chart .salary-dot{stroke-width:1.4}
  .career-chart .row-guide{stroke:#c7d4dd}.career-chart text{fill:var(--ink)}
  .biography-story{font-size:18px;line-height:1.65;margin-block:18px 14px}.biography-view-head{margin-bottom:16px}
  .explore-workspace{font-size:14px}.explore-definition{padding:12px 0;margin-bottom:18px}
  .explore-questions{margin-bottom:16px}.explore-questions button{min-height:45px;padding:10px 14px;font-size:13px}
  .explore-question>h2{font-size:28px}.explore-question>h3{font-size:23px;margin-top:22px}
  .explore-reading{display:block;gap:20px;margin-bottom:18px}.explore-reading-purpose{font-size:15px;line-height:1.6;margin-bottom:9px}.explore-reading-finding{font-size:13px;line-height:1.6;padding-left:12px}
  .explore-cohort{padding:18px}.explore-controls{gap:12px}.explore-evidence-details{margin:18px 0;padding-top:12px}.explore-evidence-details>summary{font-size:20px}
  .explore-table{margin:12px 0 16px}.explore-table td,.explore-table th{padding-block:9px}
  .explore-glossary{padding:13px 17px;margin:16px 0}.explore-glossary p{margin-block:6px}
  .explore-language-maps{gap:14px;margin-block:16px}.explore-language-maps>section{padding:12px}.explore-language-maps h4{font-size:20px}
  .atlas-browser{gap:28px;padding-block:20px}.atlas-selection{padding:18px 20px}.atlas-coverage{padding-block:13px}
}
@media screen and (max-width:1000px){.frame{width:calc(100% - 36px)}.masthead{gap:20px}.brand>span{font-size:27px}.two-column{gap:23px}}
@media screen and (max-width:760px){
  .frame{width:calc(100% - 28px)}.masthead{padding-block:17px 12px}.brand>span{font-size:28px}.header-search{margin-top:14px}
  .main-nav{gap:17px}.main-nav a{font-size:12px;min-height:44px;padding-block:10px}
  main.frame{padding-top:23px;padding-bottom:35px}main.frame h1{font-size:32px}main.frame h2{font-size:26px}main.frame h3{font-size:22px}
  .lead{font-size:19px}.page-heading{margin-bottom:18px}.section{margin-top:22px;padding-top:18px}
  .two-column,.three-column,.collection-reading,.source-hub-opening{grid-template-columns:1fr;gap:20px}
  .panel,.record-panel{padding:17px}.collection-reading,.source-hub-opening,.story-scope{padding:18px}
  .explore-questions button{min-height:44px;padding:9px 11px}.explore-question>h2{font-size:26px}
  .explore-reading{gap:13px}.explore-reading-purpose{font-size:14px}.explore-table td,.explore-table th{padding-block:8px}
}

/* Compact dossier and locality static sections. Interactive views own their
   scoped layout; the shared sheet also reaches retained dossier editions. */
@media screen {
  :is(.dossier-page,body:has(#chronology)) .page-heading {margin-bottom:12px;gap:18px}
  :is(.dossier-page,body:has(#chronology)) .page-heading h1 {font-size:36px;margin-bottom:7px}
  :is(.dossier-page,body:has(#chronology)) .page-heading .metadata {font-size:13px;line-height:1.55;margin:0}
  :is(.dossier-page,body:has(#chronology)) .heading-meta {font-size:11px;line-height:1.5}
  :is(.dossier-page,body:has(#chronology)) .biography-story-label {font-size:13px;letter-spacing:0;text-transform:none;margin-top:10px}
  :is(.dossier-page,body:has(#chronology)) .biography-story {font-size:16px;line-height:1.6;margin:8px 0 12px;max-width:none}
  :is(.dossier-page,body:has(#chronology)) .biography-jumps {gap:8px 18px;font-size:12px;margin:8px 0}
  :is(.dossier-page,body:has(#chronology)) .section {margin-top:20px;padding-top:16px}
  :is(.dossier-page,body:has(#chronology)) .biography-extra-records {gap:22px}
  :is(.dossier-page,body:has(#chronology)) .biography-extra-records h3 {font-size:23px;margin-bottom:9px}
  :is(.dossier-page,body:has(#chronology)) .biography-extra-records .record-dl {font-size:12px;gap:6px 12px}
  :is(.dossier-page,body:has(#chronology)) .biography-extra-records>div>p {font-size:12px;line-height:1.5}
  :is(.dossier-page,body:has(#chronology)) .record-dl {font-size:13px;gap:7px 16px}
  :is(.dossier-page,body:has(#chronology)) .biography-language-terms {gap:10px;margin-block:12px}
  :is(.dossier-page,body:has(#chronology)) .biography-language-terms>div {padding:6px 12px;background:transparent;border-left:2px solid var(--blue);min-width:140px}
  :is(.dossier-page,body:has(#chronology)) .biography-language-terms dd {font-size:17px}
  :is(.dossier-page,body:has(#chronology)) .biography-extra-evidence,:is(.dossier-page,body:has(#chronology)) .biography-source-notes {margin-top:14px}
  :is(.dossier-page,body:has(#chronology)) .tdv-person-leads {font-size:12px;margin-block:8px}
  .locality-page .locality-heading {margin-bottom:14px}
  .locality-heading h1 {font-size:38px;margin-bottom:7px}
  .locality-heading .lead {font-size:16px;line-height:1.55;max-width:none}
  .locality-navigation {gap:10px 20px;padding-top:8px}
  .locality-roster .locality-relationships {margin-bottom:12px}
  .locality-relationships button {padding:10px 16px}
  .locality-relationships strong {font-size:25px;margin-bottom:3px}
  .locality-relationships span {font-size:12px}
  .locality-collection-note {font-size:11px;margin-bottom:8px}
  .locality-roster .filter-summary {font-size:12px;line-height:1.5;margin-bottom:10px}
  .locality-roster .locality-controls {gap:10px;margin-bottom:12px}
  .locality-roster .form-field {font-size:12px}
  .locality-roster .locality-selection-counts {font-size:12px;gap:10px 22px;margin-block:12px}
  .locality-roster .locality-selection-counts strong {font-size:17px}
  .locality-secondary-context {margin-top:22px;border-top:1px solid var(--rule);padding-top:10px}
  .locality-secondary-context>summary {font:21px var(--serif);min-height:44px;align-content:center;cursor:pointer;color:var(--blue)}
  .locality-evidence .record-dl {font-size:13px}
}
@media screen and (max-width:760px) {
  :is(.dossier-page,body:has(#chronology)) .page-heading h1,.locality-heading h1 {font-size:30px}
  :is(.dossier-page,body:has(#chronology)) .biography-story {font-size:15px}
  .locality-relationships button {padding:9px 10px}
  .locality-roster .locality-selection-counts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}