/* Reading refinements for the earlier public files and fictional examples only.
   The overview, journey and poster each retain their own composition. */
#main .legacy-file {
  --reading-body: clamp(18px, .92vw, 23px);
  --reading-small: clamp(15px, .74vw, 18px);
  --reading-rule: #d3cfc4;
  color: #070906;
}
#main .legacy-file [id] { scroll-margin-top: 110px; }
#main .legacy-file :is(a, button, summary):focus-visible { outline: 2px solid #5e0109; outline-offset: 5px; }
#main .legacy-file :is(p, dd, figcaption, a) { overflow-wrap: break-word; }
#main .legacy-file :is(.chassis-nav, .file-toc) {
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  gap: 0 clamp(22px, 2.4vw, 58px);
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--reading-rule);
  background: #f6f4ed;
}
#main .legacy-file :is(.chassis-nav, .file-toc) > a {
  display: flex;
  align-items: center;
  min-height: 66px;
  padding: 17px 0;
  border-bottom: 2px solid transparent;
  font: 500 clamp(16px, .8vw, 20px)/1.4 Inter, Arial, sans-serif;
  color: #606159;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease;
}
#main .legacy-file :is(.chassis-nav, .file-toc) > a:is(:hover, [aria-current="location"]) { color: #5e0109; border-bottom-color: #5e0109; }
#main .legacy-file .file-history-index {
  margin: 0 0 clamp(30px, 3vw, 64px);
  border-block: 1px solid var(--reading-rule);
  background: transparent;
}
#main .legacy-file .file-history-index > summary {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 62px;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
  color: #5e0109;
  font: 500 var(--reading-small)/1.5 Inter, Arial, sans-serif;
}
#main .legacy-file .file-history-index > summary::-webkit-details-marker { display: none; }
#main .legacy-file .file-history-index > summary::after { display: block; content: "+"; margin-left: auto; font-size: 23px; }
#main .legacy-file .file-history-index[open] > summary::after { content: "−"; }
#main .legacy-file .file-history-index > summary > span { color: #606159; font-weight: 400; }
#main .legacy-file .file-history-index nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(24px, 3vw, 64px); padding: 0 0 20px; }
#main .legacy-file .file-history-index nav a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  align-content: start;
  gap: 5px 15px;
  min-height: 84px;
  padding: 16px 0;
  border-top: 1px solid var(--reading-rule);
  color: #070906;
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease;
}
#main .legacy-file .file-history-index a > span:first-child { font: var(--reading-small)/1.5 Inter, Arial, sans-serif; color: #5e0109; }
#main .legacy-file .file-history-index a > strong { grid-row: 2; font: 400 clamp(21px, 1.35vw, 31px)/1.15 Ancizar, Georgia, serif; }
#main .legacy-file .file-history-index a > span:last-child { grid-column: 2; grid-row: 1/3; justify-self: end; color: #5e0109; }
#main .legacy-file .file-history-index a:hover { color: #5e0109; border-color: #5e0109; }

#main .legacy-file .file-questions :is(p, .record-action-note, .note, .plain-list, .exchange-inner li p, .exchange-note) { font-size: var(--reading-small); line-height: 1.65; }
#main .legacy-file .file-questions :is(.button, .text-button) { min-height: 48px; font-size: var(--reading-small); }
#main .legacy-file .file-questions :is(a, button, summary):focus-visible { outline-color: #f6f4ed; }

/* The Boxer retains its book-like chapters, with a wider, legible reading scale. */
#main .record-book.legacy-file .record-history-tools { font-size: var(--reading-small); }
#main .record-book.legacy-file .record-history-tools button { min-height: 44px; font-size: var(--reading-small); }
#main .record-book.legacy-file :is(.record-event-copy > p, .record-chapter-context > p) { font-size: var(--reading-body); max-width: 65ch; }
#main .record-book.legacy-file :is(.record-spec-notes, .record-evidence-note p, .record-evidence-note a, .record-evidence-note summary, .record-chapter-context a, .record-chapter-context > span, .record-chapter-question p, .record-chapter-question a, .record-chronology-note, .record-public-note, .record-contributor small, .record-source-qualification, .record-research-byline) { font-size: var(--reading-small); line-height: 1.65; }
#main .record-book.legacy-file .record-evidence-note summary { min-height: 44px; }
#main .record-book.legacy-file :is(.record-cover-car figcaption, .record-specification dd small, .record-event-date > span) { font-size: 14px; line-height: 1.6; }
#main .record-book.legacy-file .record-specification dt { font: var(--reading-small)/1.5 Inter, Arial, sans-serif; }
#main .record-book.legacy-file .record-contents a { font-size: clamp(16px, .85vw, 20px); }
#main .record-book.legacy-file .record-event-date time { font-size: var(--reading-small); }
#main .record-book.legacy-file .record-chapter-name small { font-size: 14px; }
#main .record-book.legacy-file .record-chapter-context > p { max-width: 34ch; }
#main .record-book.legacy-file .record-event-copy > h3 { font-size: clamp(30px, 2vw, 44px); }

/* Catalogue files: the date is a stable rail alongside each complete account. */
#main .legacy-file.cf-file :is(.cf-intro > p, .cf-moment p, .cf-gap p) { font-size: var(--reading-body); line-height: 1.65; max-width: 64ch; }
#main .legacy-file.cf-file .cf-intro > p { font-family: Ancizar, Georgia, serif; font-size: clamp(26px, 1.8vw, 38px); line-height: 1.35; }
#main .legacy-file.cf-file :is(.cf-section-heading > p:last-child, .cf-spec > div > p:not(.eyebrow), .cf-moment details p, .cf-moment summary, .cf-sources p:not(.eyebrow), .cf-status, .cf-gap span) { font-size: var(--reading-small); line-height: 1.65; }
#main .legacy-file.cf-file .cf-moment summary { min-height: 44px; }
#main .legacy-file.cf-file :is(.cf-moment, .cf-gap) { grid-template-columns: minmax(0, .75fr) minmax(0, 2.25fr); padding-block: clamp(30px, 3vw, 64px); gap: 6%; }
#main .legacy-file.cf-file .cf-moment > div:last-child { max-width: none; padding-left: clamp(24px, 3vw, 64px); }
#main .legacy-file.cf-file .cf-gap > div:last-child { padding-left: clamp(24px, 3vw, 64px); }
#main .legacy-file.cf-file :is(.cf-date, .cf-gap > div:first-child) { font-size: clamp(31px, 2.6vw, 57px); padding-top: 0; }
#main .legacy-file.cf-file :is(.cf-moment h3, .cf-gap h3) { font-size: clamp(33px, 2.7vw, 59px); max-width: 28ch; }
#main .legacy-file.cf-file .cf-moment details { max-width: 68ch; }
#main .legacy-file.cf-file .cf-moment details p { max-width: 68ch; }
#main .legacy-file.cf-file .cf-gap .cf-gap-note { font-size: var(--reading-small); }
#main .legacy-file.cf-file .cf-spec dt { font-size: var(--reading-small); }
#main .legacy-file.cf-file .cf-spec dd { font-size: clamp(26px, 1.8vw, 38px); overflow-wrap: anywhere; }
#main .legacy-file.cf-file :is(.cf-intro h2, .cf-spec h2, .cf-section-heading h2, .cf-question h2) { font-size: clamp(39px, 3.6vw, 76px); line-height: 1.06; max-width: 20ch; }

/* The Testarossa's original photograph remains a quiet companion to the article. */
#main .legacy-editorial .file-article { padding-left: 7%; }
#main .legacy-editorial .file-title h1 { font-size: clamp(64px, 6vw, 145px); line-height: .98; }
#main .legacy-editorial .editorial-deck { font-size: clamp(29px, 2.4vw, 52px); max-width: 31ch; }
#main .legacy-editorial .file-intro { font: var(--reading-body)/1.65 Inter, Arial, sans-serif; max-width: 63ch; }
#main .legacy-editorial :is(.file-title > .note, .editorial-facts dd small, .source-slip p, .source-slip .note, .editorial-detail p, .record-event p, .editorial-detail summary, .entry-foot, .source-cite, .period-photo figcaption, .editorial-plate figcaption, .history-interval p) { font-size: var(--reading-small); line-height: 1.65; }
#main .legacy-editorial :is(.record-event > div > p, .editorial-detail > p) { font-size: var(--reading-body); max-width: 65ch; }
#main .legacy-editorial .record-event { grid-template-columns: minmax(90px, 19%) minmax(0, 1fr); gap: 5%; padding-block: clamp(28px, 3vw, 58px); }
#main .legacy-editorial .record-event .record-date { font-size: var(--reading-small); }
#main .legacy-editorial .record-event h3 { font-size: clamp(31px, 2.4vw, 50px); }
#main .legacy-editorial .file-chapter { padding-block: clamp(48px, 5vw, 100px); }
#main .legacy-editorial .file-chapter h2 { font-size: clamp(39px, 3.6vw, 76px); line-height: 1.06; }
#main .legacy-editorial .editorial-facts > div { padding-block: 22px; font-size: var(--reading-body); }
#main .legacy-editorial .editorial-facts dt { font-size: var(--reading-small); }
#main .legacy-editorial .editorial-facts dd { overflow-wrap: anywhere; }
#main .legacy-editorial .period-photo { max-width: 900px; }
#main .legacy-editorial .period-photo img { width: 100%; height: auto; }
#main .legacy-editorial .editorial-plate figure { max-width: none; }
#main .legacy-editorial .editorial-plate img { width: 100%; height: auto; max-height: 56vh; object-fit: contain; }
#main .legacy-editorial .plate-label h2 { font-size: clamp(36px, 2.8vw, 60px); }
#main .legacy-editorial .plate-label > p:not(.eyebrow) { font-size: var(--reading-small); }
#main .legacy-editorial .file-history-index nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Fictional design examples keep their disclaimer and show short histories in full. */
#main .legacy-example .chassis-editorial-intro { max-width: none; }
#main .legacy-example .chassis-editorial-intro > .eyebrow { display: block; }
#main .legacy-example .chassis-editorial-intro .file-intro { max-width: 60ch; font-size: clamp(24px, 1.9vw, 38px); }
#main .legacy-example .file-chapter:not(.file-sources) { padding-block: clamp(48px, 5vw, 100px); }
#main .legacy-example .file-chapter h2 { font-size: clamp(39px, 3.6vw, 76px); line-height: 1.06; }
#main .legacy-example :is(.timeline-example p, .file-chapter > p, .comparison-pending p, .bounty-detail p) { font-size: var(--reading-body); line-height: 1.65; max-width: 68ch; }
#main .legacy-example :is(.timeline-example summary, .bounty-detail summary, .fact-table > div) { font-size: var(--reading-body); }
#main .legacy-example :is(.fact-table, .timeline-example, .source-entry, .comparison-pending) { max-width: none; }
#main .legacy-example .fact-table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 6%; }
#main .legacy-example .fact-table > div { display: block; padding-block: 26px; }
#main .legacy-example .fact-table dt { font-size: var(--reading-small); margin-bottom: 10px; }
#main .legacy-example .fact-table dd { margin: 0; font: 400 clamp(28px, 2vw, 42px)/1.2 Ancizar, Georgia, serif; }

@media (min-width: 901px) {
  #main :is(.chassis-file.legacy-file, .legacy-editorial > .wrap), #main .record-book.legacy-file .record-width { width: 90%; max-width: 2600px; margin-inline: auto; }
  #main .legacy-file .chassis-identity { padding-block: clamp(48px, 4.5vw, 100px); grid-template-columns: 1fr 1.15fr; gap: 6%; }
  #main .legacy-file .chassis-title h1 { font-size: clamp(64px, 5.7vw, 140px); }
  #main .legacy-file .chassis-description { max-width: 40ch; font-size: var(--reading-body); }
  #main .legacy-file .chassis-number { max-width: none; }
  #main .legacy-file .chassis-number > strong { font-size: clamp(55px, 5vw, 108px); }
  #main .legacy-file .chassis-identity figure { max-width: none; }
  #main .legacy-file .chassis-identity figure img { height: clamp(300px, 25vw, 660px); }
  #main .legacy-file .chassis-identity figcaption { font: 14px/1.6 Inter, Arial, sans-serif; max-width: 60ch; margin-left: auto; }
  #main .legacy-file .chassis-evidence { font-size: var(--reading-small); padding: 20px 26px; }
  #main .legacy-file.cf-file :is(.cf-intro, .cf-spec) { padding-block: clamp(60px, 5vw, 110px); }
  #main .legacy-file.cf-file .cf-spec { grid-template-columns: 1fr 1.6fr; }
  #main .legacy-file.cf-file .cf-section-heading { display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px 8%; align-items: end; padding-block: clamp(60px, 5vw, 110px) 36px; }
  #main .legacy-file.cf-file .cf-section-heading > .eyebrow { grid-column: 1/-1; margin: 0; }
  #main .legacy-file.cf-file .cf-section-heading h2 { margin: 0; }
  #main .legacy-file.cf-file .cf-section-heading > p:last-child { max-width: 47ch; margin: 0; }
  #main .legacy-editorial .editorial-file { grid-template-columns: minmax(0, .74fr) minmax(0, 1.6fr); gap: 6%; }
  #main .legacy-example .file-chapter:not(.file-questions) > :is(p, .bounty-detail) { max-width: 68ch; }
}
@media (max-height: 850px), (max-width: 1100px) {
  #main .legacy-editorial .editorial-plate { position: static; }
}
@media (min-width: 1801px) {
  #main .record-book.legacy-file .record-cover-car img { height: clamp(520px, 25vw, 780px); }
}
@media (max-width: 900px) {
  #main .legacy-file { --reading-body: 18px; --reading-small: 15px; }
  #main .legacy-file .file-history-index nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main .legacy-editorial .editorial-file { display: block; }
  #main .legacy-editorial .editorial-plate { padding-top: 30px; }
  #main .legacy-editorial .editorial-plate figure { max-width: 540px; margin-inline: auto; }
  #main .legacy-editorial .editorial-plate img { max-height: 65vh; object-position: center; }
  #main .legacy-editorial .plate-label { display: none; }
  #main .legacy-editorial .file-article { border-left: 0; padding-left: 0; }
  #main .legacy-editorial .file-title h1 { font-size: clamp(64px, 9vw, 90px); }
}
@media (max-width: 600px) {
  #main .legacy-file [id] { scroll-margin-top: 85px; }
  #main .legacy-file :is(.chassis-nav, .file-toc) { flex-wrap: nowrap; overflow-x: auto; gap: 24px; scrollbar-width: thin; }
  #main .legacy-file :is(.chassis-nav, .file-toc) > a { flex: none; min-height: 58px; font-size: 15px; }
  #main .legacy-file .file-history-index nav { grid-template-columns: 1fr; }
  #main .legacy-file .file-history-index nav a { min-height: 74px; }
  #main .legacy-file .file-history-index > summary { gap: 12px; }
  #main .record-book.legacy-file .record-contents a { font-size: 15px; }
  #main .record-book.legacy-file .record-chapter > summary { grid-template-columns: minmax(0, 1fr) 30px; gap: 14px 20px; }
  #main .record-book.legacy-file .record-chapter-year { grid-column: 1; font-size: 44px; }
  #main .record-book.legacy-file .record-chapter-name { grid-column: 1 / -1; grid-row: 2; }
  #main .record-book.legacy-file .record-chapter-name strong { font-size: 30px; line-height: 1.12; }
  #main .record-book.legacy-file .record-chapter-toggle { grid-column: 2; grid-row: 1; }
  #main .record-book.legacy-file .record-chapter-name small { font-size: 12px; }
  #main .record-book.legacy-file .record-history-tools { flex-wrap: wrap; }
  #main .record-book.legacy-file .record-history-tools button { text-align: left; }
  #main .legacy-file.cf-file :is(.cf-moment, .cf-gap) { grid-template-columns: 1fr; gap: 18px; }
  #main .legacy-file.cf-file :is(.cf-moment, .cf-gap) > div:last-child { padding-left: 18px; }
  #main .legacy-editorial .record-event { grid-template-columns: 1fr; gap: 10px; }
  #main .legacy-editorial .record-event .record-date { margin-bottom: 0; }
  #main .legacy-example .fact-table { grid-template-columns: 1fr; }
  #main .legacy-example .timeline-example summary { flex-wrap: wrap; gap: 12px; }
  #main .legacy-example .file-closing { flex-direction: column; align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
  #main .legacy-file *, #main .legacy-file *::before, #main .legacy-file *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  #main :is(.chassis-file.legacy-file, .legacy-editorial > .wrap), #main .record-book.legacy-file .record-width { width: 100%; max-width: none; }
  #main .legacy-file :is(.file-history-index, .chassis-nav, .file-toc) { display: none; }
  #main .legacy-file { --reading-body: 12pt; --reading-small: 10pt; }
  #main .legacy-editorial .editorial-file { display: block; }
  #main .legacy-editorial .editorial-plate { position: static; }
}

/* One reading pattern for public car histories: date, account, photograph, source.
   Short records are visible articles; longer records add native detail controls. */
#main .fo-file .fo-nav {
  gap: 32px;
  min-height: 68px;
  padding-block: 0;
  overflow: visible;
}
#main .fo-file .fo-nav-identity {
  flex: 0 0 auto;
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: auto;
  padding: 0 28px 0 0;
  border: 0;
  border-right: 1px solid var(--fo-rule);
  color: var(--fo-ink);
}
#main .fo-nav-identity strong { font: 400 21px/1.2 Ancizar, Georgia, serif; }
#main .fo-nav-identity span { font: 13px/1.5 Cutive, monospace; color: var(--fo-wine); }
#main .fo-nav-links { display: flex; align-items: center; gap: clamp(18px, 2vw, 32px); min-width: 0; overflow: auto; scrollbar-width: thin; }
#main .fo-nav-links > a { min-height: 68px; font-size: 15px; flex: none; }
#main .fo-nav-links > a span { font: 12px/1.5 Inter, Arial, sans-serif; }
#main .fo-file :is(.fo-history, .fo-chapter, .fo-entry, .fo-photo) { scroll-margin-top: 100px; }
#main .fo-file :is(a, button, summary):focus-visible { outline: 2px solid var(--fo-wine); outline-offset: 5px; }
#main .fo-file .fo-history { padding-block: var(--section-space, 72px); }
#main .fo-history .fo-section-heading { gap: 24px 64px; margin-bottom: 40px; }
#main .fo-history .fo-section-heading h2 { max-width: none; font: 400 clamp(36px, 3vw, 56px)/1.08 Ancizar, Georgia, serif; letter-spacing: -.025em; }
#main .fo-history .fo-section-heading > p { font-size: 16px; line-height: 1.6; max-width: 38ch; }
#main .fo-history .eyebrow { font-size: 11px; line-height: 1.6; }
#main .fo-history-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; padding: 12px 0; border-block: 1px solid var(--fo-rule); margin: 0 0 24px; }
#main .fo-history-toolbar > p { font-size: 16px; margin: 0; }
#main .fo-history-index { display: flex; flex-wrap: wrap; gap: 6px 24px; padding: 0; margin: 0; border: 0; }
#main .fo-history-index > a { display: flex; min-height: 44px; align-items: center; gap: 0; padding: 6px 0; border: 0; border-bottom: 2px solid transparent; font: 500 16px/1.4 Inter, Arial, sans-serif; color: var(--fo-muted); }
#main .fo-history-index > a:hover, #main .fo-history-index > a[aria-current] { color: var(--fo-wine); border-bottom-color: var(--fo-wine); }
#main .fo-history-controls { display: flex; gap: 12px; }
#main .fo-history-controls[hidden], #main .fo-history-controls button[hidden] { display: none; }
#main .fo-history-controls button { min-height: 44px; padding: 10px 14px; border: 1px solid #beb7a8; color: var(--fo-wine); background: transparent; font: 500 15px/1.4 Inter, Arial, sans-serif; cursor: pointer; }
#main .fo-history-controls button > span { margin-left: 10px; }
#main .fo-history-controls button:hover { background: #ebe7dc; }
#main .fo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#main .fo-date-index { margin: 0 0 32px; border-bottom: 1px solid var(--fo-rule); }
#main .fo-date-index > summary { min-height: 48px; padding: 12px 0; font-size: 16px; }
#main .fo-date-index > summary > span { font-size: 14px; }
#main .fo-date-index nav { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 28px; padding-bottom: 20px; }
#main .fo-date-index nav a { padding: 16px 0; gap: 8px 12px; }
#main .fo-date-index nav a > span:first-child { font: 15px/1.5 Inter, Arial, sans-serif; }
#main .fo-date-index nav a > strong { font: 400 22px/1.2 Ancizar, Georgia, serif; }
#main #history-entries { max-width: 1280px; margin-inline: auto; }
#main .fo-history .fo-chapter { display: block; padding: 0; margin: 0; border: 0; }
#main .fo-chapter-heading { padding: 32px 0 28px; border-bottom: 1px solid var(--fo-rule); }
#main .fo-chapter-heading .eyebrow { margin: 0 0 6px; color: var(--fo-muted); }
#main .fo-chapter-heading h3 { margin: 0 0 8px; font: 400 28px/1.15 Ancizar, Georgia, serif; }
#main .fo-history .fo-chapter-heading > p:last-child { max-width: 64ch; margin: 0; font-size: 16px; line-height: 1.55; color: var(--fo-muted); }
#main .fo-history .fo-entry {
  --date-width: 164px;
  position: relative;
  display: grid;
  grid-template-columns: var(--date-width) minmax(0, 1fr);
  gap: 48px;
  border: 0;
  padding: 36px 0;
  margin: 0;
  background: transparent;
}
#main .fo-entry::before { content: ''; position: absolute; left: calc(var(--date-width) + 24px); top: 0; bottom: 0; border-left: 1px solid #c7bfae; }
#main .fo-entry::after { content: ''; position: absolute; left: calc(var(--date-width) + 19px); top: 45px; width: 11px; height: 11px; border-radius: 50%; background: var(--fo-wine); border: 3px solid var(--fo-paper); box-shadow: 0 0 0 1px var(--fo-wine); box-sizing: border-box; }
#main .fo-entry--undated::before { border-left-style: dashed; }
#main .fo-entry--undated::after { border-radius: 0; background: var(--fo-paper); }
#main .fo-entry + .fo-entry .fo-entry-content { border-top: 1px solid var(--fo-rule); padding-top: 32px; margin-top: -32px; }
#main .fo-entry:target .fo-entry-heading h3 { color: var(--fo-wine); }
#main .fo-entry:focus { outline: none; }
#main .fo-entry:focus-visible .fo-entry-heading { outline: 2px solid var(--fo-wine); outline-offset: 7px; }
#main .fo-entry .fo-entry-date { display: block; font: 400 25px/1.2 Ancizar, Georgia, serif; color: var(--fo-wine); padding-top: 2px; }
#main .fo-entry-date > small { display: block; font: 14px/1.55 Inter, Arial, sans-serif; color: var(--fo-muted); margin-top: 9px; }
#main .fo-entry-date .fo-undated-label { font: 500 17px/1.4 Inter, Arial, sans-serif; }
#main .fo-entry-content { min-width: 0; }
#main .fo-entry-heading { display: flex; flex-direction: column; align-items: start; gap: 10px; margin: 0 0 18px; }
#main .fo-entry-heading h3 { font: 400 clamp(28px,2.1vw,36px)/1.13 Ancizar, Georgia, serif; letter-spacing: -.012em; max-width: 34ch; margin: 0; }
#main .fo-entry-heading .fo-status { font: 14px/1.4 Inter, Arial, sans-serif; color: var(--fo-muted); gap: 8px; }
#main .fo-entry .fo-entry-body { display: block; padding: 0; margin: 0; background: transparent; }
#main .fo-entry .fo-account { padding: 0; max-width: 70ch; }
#main .fo-entry .fo-account > p:first-child { font-size: var(--type-body, 19px); line-height: 1.65; margin: 0 0 24px; }
#main .fo-entry .fo-takeaway { font-size: 16px; line-height: 1.6; padding-left: 18px; margin: 18px 0 24px; }
#main .fo-event-facts { gap: 18px 32px; margin: 20px 0 28px; }
#main .fo-event-facts dt { font-size: 14px; }
#main .fo-event-facts dd { font-size: 18px; }
#main .fo-entry .fo-highlight { margin: 20px 0 28px; }
#main .fo-highlight > strong { font-size: 36px; }
#main .fo-highlight > span { font-size: 15px; }
#main .fo-entry .fo-entry-evidence { display: block; max-width: 76ch; border: 0; border-top: 1px solid var(--fo-rule); padding: 18px 0 0; margin-top: 24px; }
#main .fo-entry-evidence .fo-source-links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin: 0 0 10px; font-size: 14px; color: var(--fo-muted); }
#main .fo-entry-evidence .fo-source-links a { font-size: 14px; gap: 8px; }
#main .fo-entry .fo-entry-evidence > p:not(.eyebrow) { font-size: 15px; line-height: 1.6; margin: 0 0 10px; color: var(--fo-muted); }
#main .fo-entry .fo-entry-evidence .fo-limitation { padding: 0; border: 0; }
#main .fo-limitation strong { display: block; font-size: 14px; font-weight: 500; margin-bottom: 3px; color: #494a44; }
#main .fo-entry .fo-needed span { display: block; font-size: 14px; font-weight: 500; }
#main .fo-entry .fo-media-link { font-size: 15px; margin-top: 15px; }
#main .fo-entry .fo-media-link small { font-size: 14px; line-height: 1.6; }
#main .fo-entry-details { border: 0; margin: 0; padding: 0; }
#main .fo-entry-details > summary { display: flow-root; list-style: none; padding: 0; cursor: pointer; }
#main .fo-entry-details > summary::-webkit-details-marker, #main .fo-entry-details > summary::after { display: none; }
#main .fo-entry-excerpt { display: block; max-width: 70ch; font-size: 17px; line-height: 1.6; color: var(--fo-muted); }
#main .fo-entry-thumbnail { float: right; width: 148px; height: 98px; object-fit: contain; margin: 0 0 12px 26px; background: #e8e4d9; }
#main .fo-entry-action { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 8px; font: 500 15px/1.5 Inter, Arial, sans-serif; color: var(--fo-wine); }
#main .fo-entry-action-close { display: none; }
#main .fo-entry-details[open] > summary { margin-bottom: 14px; }
#main .fo-entry-details[open] .fo-entry-action { margin: 0; }
#main .fo-entry-details[open] .fo-entry-action-close { display: inline; }
#main .fo-entry-details[open] :is(.fo-entry-action-open, .fo-entry-excerpt, .fo-entry-thumbnail) { display: none; }
#main .fo-entry-details[open] > summary .fo-plus::after { transform: none; }
#main .fo-entry-details > summary:hover .fo-entry-action { text-decoration: underline; text-underline-offset: 4px; }
#main .fo-gallery { display: block; border: 0; margin: 28px 0; padding: 0; }
#main .fo-chapter > .fo-gallery { margin-left: 212px; }
#main .fo-gallery-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-bottom: 14px; }
#main .fo-gallery-heading > p { margin: 0; font: 500 15px/1.5 Inter, Arial, sans-serif; }
#main .fo-gallery-heading > span { font-size: 14px; color: var(--fo-muted); }
#main .fo-photo-grid, #main .fo-photo-grid[data-count="3"] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 22px; overflow: visible; }
#main .fo-photo-grid[data-count="1"] { grid-template-columns: minmax(0,640px); }
#main .fo-photo-grid[data-count="3"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
#main .fo-photo-image, #main .fo-photo-grid[data-count="3"] .fo-photo-image { aspect-ratio: 4/3; max-height: 360px; background: #e8e4d9; }
#main .fo-photo-image img { object-fit: contain; }
#main .fo-photo-enlarge { opacity: 1; transform: none; font-size: 13px; padding: 8px 10px; }
#main .fo-photo figcaption { padding-top: 14px; }
#main .fo-photo-date { font: 13px/1.5 Inter, Arial, sans-serif; margin-bottom: 6px; }
#main .fo-photo h4 { font: 400 24px/1.15 Ancizar, Georgia, serif; margin-bottom: 8px; }
#main .fo-photo-caption { font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
#main .fo-photo-source { font-size: 13px; line-height: 1.6; }
#main .fo-gaps { max-width: 1280px; margin: 28px auto 0; display: grid; grid-template-columns: 164px minmax(0,1fr); gap: 20px 48px; padding-top: 28px; border-top: 1px dashed #bdb39f; }
#main .fo-gaps > div { grid-column: 2; max-width: 70ch; }
#main .fo-gaps h3 { font: 400 28px/1.15 Ancizar, Georgia, serif; }
#main .fo-gaps > div > p { font-size: 17px; line-height: 1.6; }
@media (min-width: 901px) {
  #main .legacy-file { --reading-body: var(--type-body,19px); --reading-small: 16px; }
  #main .legacy-file.cf-file :is(.cf-moment,.cf-gap) { grid-template-columns: 164px minmax(0,1fr); gap: 48px; padding-block: 36px; max-width: 1280px; margin-inline: auto; }
  #main .legacy-file.cf-file :is(.cf-moment,.cf-gap) > div:last-child { padding-left: 24px; }
  #main .legacy-file.cf-file :is(.cf-date,.cf-gap > div:first-child) { font-size: 25px; line-height: 1.25; }
  #main .legacy-file.cf-file :is(.cf-moment h3,.cf-gap h3) { font-size: 34px; line-height: 1.15; max-width: 36ch; }
  #main .legacy-file.cf-file .cf-moment > div > p { max-width: 70ch; }
  #main .legacy-file.cf-file .cf-section-heading h2 { font-size: 48px; }
  #main .legacy-file.cf-file .cf-status { font-size: 14px; }
  #main .record-book.legacy-file .record-chapter-body { display: block; }
  #main .record-book.legacy-file .record-chapter-context { border: 0; padding: 0 0 24px; }
  #main .record-book.legacy-file .record-chapter-context > p { max-width: 65ch; font-size: 17px; }
  #main .record-book.legacy-file .record-events { padding: 0; max-width: 1280px; margin-inline: auto; }
  #main .record-book.legacy-file .record-event { grid-template-columns: 164px minmax(0,1fr); gap: 48px; padding-block: 28px; }
  #main .record-book.legacy-file .record-event-date time { font: 400 25px/1.2 Ancizar,Georgia,serif; }
  #main .record-book.legacy-file .record-event-copy > h3 { font-size: 34px; }
  #main .record-book.legacy-file .record-chapter-name strong { font-size: 30px; }
  #main .record-book.legacy-file .record-chapter-year { font-size: 40px; }
  #main .legacy-editorial .record-event { grid-template-columns: 130px minmax(0,1fr); gap: 28px; padding-block: 28px; }
  #main .legacy-editorial .record-event .record-date { font: 400 25px/1.2 Ancizar,Georgia,serif; }
  #main .legacy-editorial .record-event h3 { font-size: 32px; }
}
@media (max-width: 1100px) {
  #main .fo-file .fo-nav { display: block; }
  #main .fo-file .fo-nav-identity { min-height: 38px; padding: 8px 0; border: 0; }
  #main .fo-nav-identity strong { font-size: 18px; }
  #main .fo-nav-links { gap: 24px; }
  #main .fo-nav-links > a { min-height: 48px; font-size: 14px; }
  #main .fo-file :is(.fo-history,.fo-chapter,.fo-entry,.fo-photo) { scroll-margin-top: 120px; }
  #main .fo-history .fo-entry { --date-width: 130px; gap: 36px; }
  #main .fo-entry::before { left: calc(var(--date-width) + 16px); }
  #main .fo-entry::after { left: calc(var(--date-width) + 11px); }
  #main .fo-chapter > .fo-gallery { margin-left: 166px; }
  #main .fo-date-index nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #main .fo-photo-grid[data-count="3"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  #main .fo-file .fo-history { padding-block: 42px; }
  #main .fo-history .fo-section-heading { display: block; margin-bottom: 28px; }
  #main .fo-history .fo-section-heading h2 { font-size: 36px; margin-bottom: 16px; }
  #main .fo-history .fo-section-heading > p { font-size: 15px; }
  #main .fo-history-index { gap: 5px 18px; }
  #main .fo-history-index > a { font-size: 14px; }
  #main .fo-date-index nav { grid-template-columns: 1fr; }
  #main .fo-history .fo-entry { display: block; padding: 28px 0 28px 24px; }
  #main .fo-entry::before { left: 3px; }
  #main .fo-entry::after { left: -2px; top: 36px; }
  #main .fo-entry + .fo-entry .fo-entry-content { margin: 0; padding: 0; border: 0; }
  #main .fo-entry .fo-entry-date { font-size: 23px; margin-bottom: 16px; }
  #main .fo-entry-date > small { margin-top: 5px; }
  #main .fo-entry-heading h3 { font-size: 29px; }
  #main .fo-entry .fo-account > p:first-child { font-size: 18px; line-height: 1.6; }
  #main .fo-entry-heading .fo-status { font-size: 13px; }
  #main .fo-entry-thumbnail { width: 106px; height: 80px; margin-left: 14px; }
  #main .fo-entry-excerpt { font-size: 16px; }
  #main .fo-chapter-heading { padding-block: 25px 20px; }
  #main .fo-chapter > .fo-gallery { margin-left: 24px; }
  #main .fo-photo-grid, #main .fo-photo-grid[data-count="3"] { grid-template-columns: 1fr; gap: 28px; }
  #main .fo-photo h4 { font-size: 25px; }
  #main .fo-gaps { display: block; margin-top: 22px; }
  #main .fo-gaps > div { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #main .fo-file *, #main .fo-file *::before, #main .fo-file *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  #main .fo-file .fo-nav, #main .fo-history-toolbar, #main .fo-date-index, #main .fo-entry-details > summary { display: none !important; }
  #main .fo-file .fo-history { padding-block: 24px; }
  #main .fo-history .fo-entry { --date-width: 100px; gap: 30px; padding-block: 20px; break-inside: auto; }
  #main .fo-entry::before, #main .fo-entry::after { display: none; }
  #main .fo-entry-details > .fo-entry-body { display: block !important; }
  /* Modern native disclosures also gate descendants through this pseudo-element.
     Print the complete account even when scripting is unavailable. */
  #main .fo-entry-details::details-content { content-visibility: visible; display: contents; block-size: auto; }
  #main .fo-entry .fo-account > p:first-child { font-size: 11pt; }
  #main .fo-entry-heading h3 { font-size: 20pt; }
  #main .fo-entry .fo-entry-date { font-size: 16pt; }
  #main .fo-entry .fo-entry-evidence > p:not(.eyebrow), #main .fo-photo-caption { font-size: 9pt; }
  #main .fo-photo-grid, #main .fo-photo-grid[data-count="3"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* The older editorial formats share the same desktop rail and readable sizes. */
@media (min-width: 901px) {
  #main :is(.chassis-file.legacy-file,.legacy-editorial > .wrap),
  #main .record-book.legacy-file .record-width {
    width: var(--layout-width,min(90vw,1920px)); max-width: none; margin-inline: auto;
  }
  #main .legacy-file .chassis-identity { padding-block: 48px; gap: 6%; }
  #main .legacy-file .chassis-title h1 { font-size: clamp(54px,4.2vw,84px); line-height: 1; }
  #main .legacy-file .chassis-number > strong { font-size: 52px; }
  #main .legacy-file .chassis-description { font-size: 19px; max-width: 44ch; }
  #main .legacy-file .chassis-identity figure img { height: min(34vw,400px); }
  #main .legacy-editorial .file-title h1 { font-size: clamp(58px,4.7vw,88px); }
  #main .legacy-editorial .editorial-deck { font-size: clamp(26px,2vw,34px); }
  #main .legacy-editorial .file-article { padding-left: 32px; }
  #main .legacy-editorial .editorial-file { grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 48px; }
  #main .legacy-editorial .editorial-plate img { max-height: 520px; }
  #main .legacy-editorial .plate-label h2 { font-size: 36px; }
  #main .legacy-editorial .file-chapter:not(.file-sources) h2,
  #main .legacy-example .file-chapter:not(.file-sources) h2,
  #main .legacy-file.cf-file :is(.cf-intro h2,.cf-spec h2,.cf-section-heading h2,.cf-question h2) { font-size: clamp(36px,3vw,52px); }
  #main .legacy-file.cf-file :is(.cf-intro,.cf-spec),
  #main .legacy-editorial .file-chapter:not(.file-sources),
  #main .legacy-example .file-chapter:not(.file-sources) { padding-block: var(--section-space,72px); }
  #main .legacy-file.cf-file .cf-intro > p { font-size: 28px; }
  #main .legacy-file.cf-file .cf-spec dd,
  #main .legacy-example .fact-table dd { font-size: 28px; }
  #main .legacy-file :is(.chassis-nav,.file-toc) > .legacy-nav-identity { font-size: 16px; font-weight: 500; color: #5e0109; }
  #main .record-book.legacy-file .record-cover-car img { height: auto; max-height: 420px; }
  #main .record-book.legacy-file .record-cover h1 { font-size: clamp(54px,4.2vw,84px); }
  #main .record-book.legacy-file .record-cover-number strong { font-size: 62px; }
  #main .record-book.legacy-file .record-section:not(.file-sources) .record-section-heading h2 { font-size: clamp(36px,3vw,52px); }
}
#main .legacy-file:is(.cf-file,.legacy-editorial) .file-history-index:not(:has(nav > a:nth-child(6))) { display: none; }
@media (max-width: 900px) {
  #main .legacy-file :is(.chassis-nav,.file-toc) > .legacy-nav-identity { display: none; }
}

/* On phones, introduce the story before its tall archival photograph. */
@media screen and (max-width: 900px) {
  #main .legacy-editorial .editorial-file { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; align-items: start; }
  #main .legacy-editorial .file-article { display: contents; }
  #main .legacy-editorial .file-title { display: block; grid-row: 1; padding-block: 30px; }
  #main .legacy-editorial .file-title h1 { font-size: clamp(48px,11vw,68px); }
  #main .legacy-editorial .editorial-deck { font-size: 27px; }
  #main .legacy-editorial .editorial-plate { display: block; grid-row: 2; padding-block: 0 28px; }
  #main .legacy-editorial .file-toc { grid-row: 3; min-height: 60px; }
  #main .legacy-editorial .editorial-plate figure { max-width: 440px; }
  #main .legacy-editorial .editorial-plate img { max-height: 480px; }
}

@media screen and (max-width: 480px) {
  #main .fo-car dl { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  #main .fo-car dl > div:last-child { grid-column: 1 / -1; }
  #main .fo-car dd { overflow-wrap: anywhere; }
}