:root {
  color-scheme: light;
  --paper: #f8f7f3;
  --ink: #22241f;
  --muted: #62665f;
  --rule: #d8dbd1;
  --accent: var(--ink);
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 32px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 20px/1.6 var(--serif); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 4px; text-decoration-thickness: 1px; }
a:hover { color: var(--accent); }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.page { --page-gutter: 56px; max-width: 1200px; margin: auto; padding: 0 var(--page-gutter); }
.masthead { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--ink); padding: 21px 0 18px; font: 14px/1.4 var(--sans); }
.wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: 600 22px/1.2 var(--serif); letter-spacing: -.025em; }
.wordmark svg { width: 26px; height: 26px; stroke: var(--accent); stroke-width: 2; fill: none; }
.masthead time { color: var(--muted); white-space: nowrap; }
.essay-header { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; isolation: isolate; margin: 30px 0 64px; }
.essay-header h1 { grid-column: 1 / 8; grid-row: 1; z-index: 1; align-self: end; margin-bottom: -16px; padding: clamp(26px, 3.2vw, 42px); background: var(--ink); color: var(--paper); }
.key-art { grid-column: 4 / -1; grid-row: 1; display: block; width: auto; max-width: 100%; max-height: max(560px, calc(100svh - 160px)); height: auto; justify-self: end; }
.eyebrow { margin: 0 0 18px; font: 500 14px/1.5 var(--sans); color: var(--muted); }
h1, h2, h3 { margin: 0; font-weight: 500; text-wrap: pretty; }
h1 { font-size: clamp(44px, 5vw, 64px); font-weight: 600; letter-spacing: -.04em; line-height: 1.04; }
section { margin: 0 0 56px; }
.point { max-width: 760px; margin: 0 auto; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 24px; }
.point-number { padding-top: 6px; font: 14px/1.5 var(--sans); color: var(--accent); text-decoration: none; font-variant-numeric: tabular-nums; }
h2 { font-size: 29px; font-weight: 600; letter-spacing: -.019em; line-height: 1.23; max-width: 760px; }
.point-body p { margin: 16px 0 0; }
.source-ref { font: 13px/1 var(--sans); color: var(--accent); vertical-align: super; text-decoration: none; white-space: nowrap; }
figure { margin: 36px 0 62px; border-block: 1px solid var(--rule); background: #fffefa; padding: 28px 28px 0; }
.figure-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.figure-top .eyebrow { margin-bottom: 9px; }
h3 { font-size: 35px; letter-spacing: -.035em; line-height: 1.15; }
.scale-controls { display: none; align-items: center; flex-shrink: 0; gap: 4px; font: 14px/1.4 var(--sans); }
.chart-ready .scale-controls { display: flex; }
.scale-controls span { padding-right: 6px; color: var(--muted); }
.scale-controls button { border: 1px solid transparent; border-radius: 3px; background: transparent; padding: 8px 11px; cursor: pointer; min-height: 40px; }
.scale-controls button[aria-pressed="true"] { color: white; background: var(--ink); }
.figure-intro { font: 16px/1.55 var(--sans); max-width: 720px; color: var(--muted); margin: 19px 0 10px; }
.chart-wrap { position: relative; width: 100%; min-width: 0; }
.chart-fallback { display: block; width: 100%; height: auto; }
#price-chart { height: 450px; display: none; }
.chart-ready #price-chart { display: block; }
.chart-ready .chart-fallback { display: none; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 3px 17px; padding: 9px 0 17px; }
.legend-item { display: inline-flex; align-items: center; gap: 7px; background: transparent; border: 0; padding: 5px 0; font: 14px/1.5 var(--sans); text-align: left; cursor: pointer; min-height: 34px; }
.legend-item::before { content: ""; width: 19px; border-top: 2px solid var(--trace); }
.legend-item.is-fit::before { border-top: 3px dotted var(--trace); }
.legend-item[aria-pressed="false"] { opacity: .45; text-decoration: line-through; }
.legend-item:disabled { cursor: default; }
figcaption { padding: 0 0 20px; font: 14px/1.55 var(--sans); color: var(--muted); }
figcaption a { white-space: normal; }
.methods { border-top: 1px solid var(--rule); font: 16px/1.65 var(--sans); }
.methods summary { padding: 17px 0 18px; font: 500 14px/1.5 var(--sans); cursor: pointer; }
.methods-body { max-width: 800px; padding-bottom: 16px; }
.methods-body p { margin: 0 0 18px; color: #50564d; }
.table-wrap { max-width: 100%; overflow-x: auto; margin: 23px 0; }
table { width: 100%; border-collapse: collapse; font: 14px/1.5 var(--sans); font-variant-numeric: tabular-nums; }
caption { text-align: left; font-weight: 600; padding-bottom: 8px; }
th, td { padding: 9px 12px 9px 0; text-align: left; border-bottom: 1px solid var(--rule); }
th { font-weight: 500; }
thead th { color: var(--muted); }
td { white-space: nowrap; }
.essay-footer { max-width: 766px; margin: 8px auto 0; padding: 30px 0 42px; border-top: 1px solid var(--rule); font: 14px/1.6 var(--sans); }
.essay-footer .eyebrow { margin-bottom: 12px; }
.essay-footer ol { margin: 0; padding-left: 19px; }
.essay-footer li { padding: 3px 0 3px 5px; }
.essay-footer cite { font-style: normal; }
.footer-note { color: var(--muted); margin: 27px 0 0; }
.skip-link { position: absolute; z-index: 100; top: 8px; left: 8px; padding: 12px; background: white; transform: translateY(-200%); font: 16px var(--sans); }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 760px) {
  .page { --page-gutter: 24px; }
  .masthead { padding: 20px 0; }
  .essay-header { grid-template-columns: minmax(0, 1fr); margin: 24px calc(-1 * var(--page-gutter)) 44px; }
  .essay-header h1 { grid-column: 1; grid-row: 1; margin: 0; padding: 29px var(--page-gutter) 32px; }
  .key-art { grid-column: 1; grid-row: 2; width: 100%; max-height: none; }
  h1 { font-size: clamp(40px, 7.4vw, 56px); }
  h2 { font-size: 26px; }
  body { font-size: 18px; line-height: 1.65; }
  .point { grid-template-columns: 25px minmax(0, 1fr); gap: 15px; }
  section { margin-bottom: 42px; }
  figure { padding: 23px 18px 0; margin: 29px -8px 46px; }
  .figure-top { display: block; }
  .scale-controls { margin-top: 17px; }
  .figure-top .eyebrow { max-width: 270px; }
  h3 { font-size: 31px; }
  #price-chart { height: 355px; }
  .chart-legend { column-gap: 15px; row-gap: 0; }
  .legend-item { font-size: 14px; padding-block: 6px; }
  .essay-footer { margin-left: 40px; padding-bottom: 32px; }
}
@media (max-width: 430px) {
  .page { --page-gutter: 20px; }
  .masthead { align-items: flex-start; gap: 12px; }
  .masthead time { max-width: 95px; text-align: right; white-space: normal; }
  .wordmark { gap: 6px; }
  .wordmark svg { width: 22px; height: 22px; }
  h1 { font-size: 40px; }
  .point { grid-template-columns: 23px minmax(0, 1fr); gap: 10px; }
  h2 { font-size: 25px; }
  .essay-footer { margin-left: 33px; }
  #price-chart { height: 320px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  body { background: white; font-size: 12pt; }
  .page { padding: 0; max-width: none; }
  .masthead { padding-top: 0; }
  .essay-header { display: block; margin: 28px 0; }
  .essay-header h1 { padding: 0; margin: 0; color: var(--ink); background: transparent; }
  .key-art { width: 55%; margin: 24px auto 0; }
  h1 { font-size: 38pt; }
  h2 { font-size: 18pt; }
  .point { max-width: none; }
  section { margin-bottom: 22px; break-inside: avoid; }
  #point-2 { break-inside: auto; }
  figure { break-inside: avoid; padding: 15px 0 0; background: white; }
  .scale-controls, .methods, .skip-link { display: none; }
  #price-chart, .chart-ready #price-chart { display: none; }
  .chart-fallback, .chart-ready .chart-fallback { display: block; }
  .legend-item { font-size: 10pt; min-height: 24px; }
}