/* Printed-page rhythm, set wide first and folded down for small screens. */
:root {
  color-scheme: light;
  --paper: #f8f4eb;
  --ink: #302628;
  --wine: #713449;
  --muted: #635455;
  --rule: #b9aaa2;
  --wash: #eee3e3;
  --blue: #e1e9e9;
  --display: "Bodoni Moda", "Bodoni 72", Didot, "Times New Roman", serif;
  --text: "EB Garamond", "Iowan Old Style", Baskerville, Georgia, serif;
}
* { box-sizing: border-box; }
html { background: var(--paper); scroll-padding-top: 24px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 21px/1.48 var(--text); }
button, summary, input, select { font: inherit; }
a { color: var(--wine); text-underline-offset: 0.17em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--wine); outline-offset: 4px; }
::selection { color: var(--ink); background: #e2c2cd; }
img { max-width: 100%; height: auto; }
p, ul, dl, figure { margin: 0; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; text-wrap: pretty; }
summary { cursor: pointer; min-height: 48px; }
summary::marker { color: var(--wine); }
main { min-width: 0; }
.press-skip { position: absolute; left: 24px; top: -200px; padding: 12px 20px; z-index: 10; background: var(--paper); }
.press-skip:focus { top: 12px; }
.masthead { margin: 0 auto; max-width: 1280px; padding: 0 40px; }
.masthead__utility { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 17px; border-bottom: 1px solid var(--rule); }
.masthead__utility a { min-height: 48px; display: inline-flex; align-items: center; }
.masthead__row { min-height: 125px; display: flex; align-items: center; justify-content: space-between; gap: 32px; border-bottom: 3px double var(--ink); position: relative; }
.masthead__name { display: inline-flex; flex-direction: column; justify-content: center; min-height: 72px; color: var(--ink); font: 500 38px/1.12 var(--display); text-decoration: none; }
.masthead__subtitle { font: 18px/1.45 var(--text); color: var(--muted); margin-top: 8px; }
.journal-menu { align-self: center; font-size: 20px; }
.journal-menu__toggle { list-style: none; display: flex; align-items: center; gap: 32px; border-bottom: 1px solid var(--wine); }
.journal-menu__toggle::-webkit-details-marker { display: none; }
.journal-menu__toggle span { font: 32px/1 var(--text); }
.journal-menu[open] .journal-menu__toggle span { transform: rotate(45deg); }
.journal-menu__panel { position: absolute; top: 100%; right: 0; width: min(410px, 100%); padding: 12px 24px 20px; background: var(--paper); box-shadow: 0 12px 20px #30262812; border: 1px solid var(--rule); border-top: 3px double var(--ink); z-index: 5; }
.journal-menu__list { padding: 0; list-style: none; }
.journal-menu__link { display: flex; align-items: center; min-height: 50px; padding: 6px 0; border-bottom: 1px solid var(--rule); text-decoration: none; }
.journal-menu__link[aria-current="page"] { color: var(--ink); font-weight: 600; }
.journal { max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.dispatch__opening { padding: 0 0 38px; }
.dispatch__running-head { display: flex; justify-content: space-between; gap: 24px; align-items: baseline; padding: 22px 0 30px; font-size: 17px; color: var(--muted); }
.dispatch__running-head > span { color: var(--wine); font-style: italic; }
.dispatch__title { max-width: 960px; font-size: 66px; line-height: 1.08; letter-spacing: -0.035em; margin: 0 0 24px; }
.dispatch__deck { font-size: 25px; line-height: 1.4; max-width: 65ch; }
.dispatch__lead-grid { display: block; }
.dispatch__lead, .paper-plate { min-width: 0; }
.journal--front .dispatch__lead-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 48px; align-items: end; }
.journal--front .dispatch__title { font-size: 76px; max-width: 760px; }
.journal--front .dispatch__deck { max-width: 46ch; }
.paper-plate { margin: 0; }
.paper-plate__image { display: block; width: 100%; background: var(--blue); color: var(--muted); font: 18px/1.4 var(--text); object-fit: cover; aspect-ratio: 4/3; }
.paper-plate__caption { font-size: 17px; padding: 12px 0 0; border-top: 1px solid var(--rule); margin-top: 16px; }
.journal--visit .dispatch__lead-grid { display: grid; grid-template-columns: 1fr 230px; gap: 60px; align-items: center; }
.paper-plate--window .paper-plate__image { aspect-ratio: 1; }
.journal--money .dispatch__lead-grid { display: grid; grid-template-columns: 1fr 300px; gap: 60px; align-items: end; }
.paper-plate--bill .paper-plate__image { aspect-ratio: 8/5; }
.reading-entry { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 28px 0; display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: start; }
.reading-entry__scenario { max-width: 67ch; font-size: 22px; font-style: italic; }
.contents-dial { min-width: 0; font-size: 18px; }
.contents-dial__toggle { display: flex; align-items: center; justify-content: space-between; gap: 24px; list-style: none; padding: 0 0 8px; color: var(--wine); border-bottom: 1px solid var(--wine); }
.contents-dial__toggle::-webkit-details-marker { display: none; }
.contents-dial[open] .contents-dial__toggle span { transform: rotate(180deg); }
.contents-dial__list { list-style: none; padding: 8px 0 0; }
.contents-dial__link { display: flex; align-items: center; min-height: 48px; padding: 8px 0; line-height: 1.3; text-decoration: none; }
.contents-dial__link[aria-current="location"] { font-weight: 600; text-decoration: underline; }
.dispatch__body { padding-top: 12px; }
.dispatch__section { margin: 0; padding: 40px 0; border-bottom: 1px solid var(--rule); display: grid; grid-template-columns: minmax(0, 790px) minmax(0, 1fr); column-gap: 64px; }
.dispatch__heading { grid-column: 1/-1; font-size: 39px; line-height: 1.2; max-width: 35ch; margin: 0 0 24px; }
h3.dispatch__heading { font-size: 31px; font-style: italic; max-width: 42ch; }
.dispatch__paragraph { grid-column: 1; margin: 0 0 16px; max-width: 69ch; }
.record-pair { grid-column: 1; display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 24px; border-left: 2px solid var(--wine); padding: 0 0 0 20px; margin: 8px 0 28px; max-width: 790px; }
.record-pair__link { display: inline-flex; align-items: center; align-self: start; min-height: 48px; font-size: 18px; line-height: 1.3; }
.record-pair__note { font-size: 18px; line-height: 1.4; color: var(--muted); align-self: center; }
.dispatch__section--opening > .dispatch__paragraph:first-of-type::first-letter { color: var(--wine); font: 64px/0.9 var(--display); float: left; padding: 4px 6px 0 0; }
.dispatch__section--band { background: var(--wash); padding: 36px 40px 28px; margin: 16px 0; border: none; }
.dispatch__section--band .dispatch__heading { max-width: 32ch; }
.dispatch__section--split .dispatch__paragraph { max-width: 65ch; }
.reading-index { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; }
.reading-index__entry { display: grid; grid-template-columns: 1fr auto; gap: 8px 24px; min-height: 158px; padding: 26px 0; border-top: 1px solid var(--rule); text-decoration: none; }
.reading-index__entry:nth-child(even) { border-left: 1px solid var(--rule); padding-left: 32px; }
.reading-index__title { font: 500 29px/1.2 var(--display); text-wrap: pretty; }
.reading-index__deck { grid-column: 1; color: var(--ink); font-size: 20px; line-height: 1.4; }
.reading-index__arrow { grid-column: 2; grid-row: 1/3; align-self: center; font-size: 30px; }
.reading-index__entry:hover .reading-index__title { text-decoration: underline; text-underline-offset: 0.13em; }
.question-list { grid-column: 1; padding: 0 0 0 24px; max-width: 69ch; margin: 4px 0 16px; }
.question-list__item { padding: 4px 0 10px 4px; }
.bill-notes { grid-column: 1/-1; margin: 0 0 20px; }
.bill-notes__row { display: grid; grid-template-columns: 240px minmax(0, 670px); padding: 24px 0; gap: 48px; border-top: 1px solid var(--rule); }
.bill-notes__label { font: 500 29px/1.2 var(--display); color: var(--wine); }
.bill-notes__question { max-width: 65ch; }
.claim-checks { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.claim-checks__entry { padding-right: 24px; border-right: 1px solid var(--rule); }
.claim-checks__entry:last-child { border-right: none; }
.claim-checks__heading { font-size: 29px; line-height: 1.2; margin: 0 0 20px; }
.claim-checks .record-pair { display: block; padding-left: 14px; }
.claim-checks .record-pair__note { margin-top: 8px; }
.claim-checks .dispatch__paragraph { font-size: 21px; }
.next-note { display: grid; grid-template-columns: 240px 1fr; gap: 48px; padding: 32px 0 56px; align-items: center; }
.next-note__label { font-size: 18px; color: var(--muted); font-style: italic; }
.next-note__link { min-height: 56px; display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; font: 500 29px/1.25 var(--display); padding: 8px 0; }
.next-note__link span { font: 30px/1 var(--text); }
.colophon { background: var(--wash); border-top: 3px double var(--wine); padding: 34px max(40px, calc((100vw - 1200px)/2)) 28px; font-size: 18px; }
.colophon__line { max-width: 73ch; }
.colophon__links { display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 14px 0; }
.colophon__links a { min-height: 48px; display: inline-flex; align-items: center; }
.colophon__end { color: var(--muted); font-style: italic; }
.missing-page { max-width: 1280px; padding: 64px 40px 100px; margin: auto; }
.missing-page__label { font-size: 18px; color: var(--wine); }
.missing-page__title { font-size: 64px; line-height: 1.1; max-width: 18ch; }
.missing-page .next-note__link { margin-top: 24px; }
@media (max-width: 1050px) {
  .masthead, .journal { padding-left: 32px; padding-right: 32px; }
  .journal--front .dispatch__title { font-size: 61px; }
  .dispatch__title { font-size: 56px; }
  .journal--front .dispatch__lead-grid { gap: 32px; grid-template-columns: 1.65fr 1fr; }
  .journal--visit .dispatch__lead-grid { grid-template-columns: 1fr 190px; gap: 32px; }
  .journal--money .dispatch__lead-grid { grid-template-columns: 1fr 220px; gap: 32px; }
  .reading-entry { grid-template-columns: 1fr 290px; gap: 32px; }
  .dispatch__section { grid-template-columns: 1fr; column-gap: 0; }
  .reading-index { gap: 0 32px; }
  .claim-checks { gap: 24px; }
  .claim-checks__entry { padding-right: 16px; }
  .next-note, .bill-notes__row { grid-template-columns: 190px 1fr; gap: 32px; }
}
@media (max-width: 720px) {
  body { font-size: 20px; line-height: 1.48; }
  .masthead, .journal { padding-left: 22px; padding-right: 22px; }
  .masthead__utility { font-size: 16px; gap: 16px; min-height: 58px; }
  .masthead__utility > span { max-width: 17ch; line-height: 1.25; }
  .masthead__utility a { white-space: nowrap; }
  .masthead__row { min-height: 112px; gap: 12px; }
  .masthead__name { font-size: 29px; max-width: 210px; }
  .masthead__subtitle { font-size: 16px; max-width: 20ch; }
  .journal-menu { font-size: 17px; }
  .journal-menu__toggle { gap: 12px; min-width: 82px; line-height: 1.2; }
  .journal-menu__toggle span { font-size: 28px; }
  .journal-menu__panel { padding: 12px 20px 18px; }
  .dispatch__running-head { display: block; padding: 20px 0 24px; font-size: 16px; }
  .dispatch__date { margin-top: 4px; }
  .dispatch__title, .journal--front .dispatch__title { font-size: 46px; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 20px; }
  .dispatch__deck { font-size: 23px; line-height: 1.4; }
  .journal--front .dispatch__lead-grid, .journal--visit .dispatch__lead-grid, .journal--money .dispatch__lead-grid { display: block; }
  .paper-plate { margin-top: 30px; max-width: 470px; }
  .paper-plate--window { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: end; }
  .paper-plate--window .paper-plate__caption { margin: 0; }
  .paper-plate--bill .paper-plate__image { max-height: 220px; }
  .paper-plate__caption { font-size: 17px; }
  .dispatch__opening { padding-bottom: 28px; }
  .reading-entry { display: block; padding: 24px 0; }
  .reading-entry__scenario { font-size: 21px; }
  .contents-dial { margin-top: 20px; font-size: 18px; }
  .contents-dial__link { min-height: 48px; }
  .dispatch__section { display: block; padding: 30px 0; }
  .dispatch__heading { font-size: 33px; margin-bottom: 22px; }
  h3.dispatch__heading { font-size: 28px; }
  .dispatch__paragraph { margin-bottom: 16px; }
  .record-pair { display: block; margin: 8px 0 24px; padding-left: 16px; }
  .record-pair__link { font-size: 18px; }
  .record-pair__note { font-size: 18px; margin-top: 6px; }
  .dispatch__section--band { padding: 28px 20px 20px; margin: 16px 0; }
  .reading-index { display: block; }
  .reading-index__entry, .reading-index__entry:nth-child(even) { border-left: 0; padding: 22px 0; min-height: 128px; }
  .reading-index__title { font-size: 27px; }
  .reading-index__deck { font-size: 20px; }
  .bill-notes__row { display: block; padding: 22px 0; }
  .bill-notes__label { font-size: 27px; margin-bottom: 10px; }
  .claim-checks { display: block; }
  .claim-checks__entry { border-right: 0; border-top: 1px solid var(--rule); padding: 24px 0 0; }
  .claim-checks__heading { font-size: 28px; }
  .next-note { display: block; padding: 24px 0 40px; }
  .next-note__label { display: block; margin-bottom: 10px; }
  .next-note__link { font-size: 27px; min-height: 56px; gap: 24px; }
  .colophon { padding: 28px 22px; font-size: 18px; }
  .colophon__links { gap: 4px 24px; }
  .missing-page { padding: 40px 22px 70px; }
  .missing-page__title { font-size: 45px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  body { font-size: 12pt; }
  .press-skip, .journal-menu, .contents-dial, .next-note { display: none; }
  .masthead, .journal { max-width: none; padding: 0; }
  .dispatch__title, .journal--front .dispatch__title { font-size: 32pt; }
  .dispatch__lead-grid, .journal--front .dispatch__lead-grid, .journal--visit .dispatch__lead-grid, .journal--money .dispatch__lead-grid { display: block; }
  .paper-plate { max-width: 200px; }
  .dispatch__section { display: block; break-inside: auto; }
  .dispatch__heading { break-after: avoid; font-size: 22pt; }
  .record-pair { display: block; }
  .colophon { padding: 20px 0; background: none; }
}