.edition-lead, .edition-measures, .note-teaser-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 5vw, 78px);
}
.board-home .v-hero-grid > .edition-lead:first-child { max-width: none; margin: 0; }
.edition-lead { align-items: center; }
.edition-brand { padding: 18px 0; }
.visual-home .v-hero .edition-brand h1 { max-width: 14ch; font-size: clamp(32px, 4.3vw, 61px); }
.edition-finding { padding: 10px 0 10px clamp(18px, 3vw, 48px); border-left: 2px solid #caa870; }
.edition-kicker { margin: 0 0 12px; font: 600 13px/1.5 var(--sans); letter-spacing: .06em; }
.edition-finding .edition-kicker { color: #f3d298; }
.edition-finding h2 { margin: 0 0 12px; font: 400 clamp(21px, 2vw, 32px)/1.2 var(--serif); color: white; }
.edition-finding .edition-number { display: block; font: 400 clamp(55px, 6vw, 84px)/1.03 var(--serif); color: #f3d298; margin-bottom: 6px; }
.edition-number small { font-size: .49em; }
.edition-finding p:not(.edition-kicker) { color: #e6edf3; font: 400 15px/1.55 var(--sans); max-width: 54ch; }
.edition-action { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #18334e; background: #fff; text-decoration: none; font: 600 15px/1.45 var(--sans); padding: 10px 17px; }
.edition-action:hover { background: #f3d298; }
.edition-measures { margin: 32px 0 18px; gap: 2px; background: #d4cfc4; border-top: 3px solid #b99a64; }
.measure-group { background: #faf8f1; color: #1d3649; padding: clamp(19px, 2.6vw, 36px); }
.measure-group h2 { font: 400 clamp(23px, 2.3vw, 32px)/1.17 var(--serif); margin: 0 0 14px; color: #18334e; }
.measure-group h3 { font: 600 16px/1.4 var(--sans); margin: 0 0 4px; color: #294654; }
.measure-group p { margin: 4px 0 11px; font: 400 15px/1.5 var(--sans); color: #294654; }
.measure-group .measure-detail { font-size: 14px; }
.measure-value { color: #205667; font: 500 26px/1.15 var(--serif); }
.measure-row { display: flex; gap: 18px; align-items: baseline; }
.measure-row .measure-value { min-width: 80px; }
.measure-group a, .field-note-teaser a, .field-note a, .guided-example { color: #23566a; font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
.visual-home .v-hero .measure-group a { color: #23566a; }
.measure-group > a, .field-note a, .field-note-teaser a, .guided-example { display: inline-block; padding: 8px 0; }
.map-edition { margin: 10px 0 0; padding: 12px 15px; background: #eaf0ee; color: #1d414c; border-left: 3px solid #457480; font: 500 14px/1.55 var(--sans); scroll-margin-top: 110px; }
.maps-page .guided-example { margin-left: .25em; }
#example-shortcuts:not([hidden]) { display: flex; flex-wrap: wrap; column-gap: 18px; background: #eaf0ee; border-left: 3px solid #457480; padding: 0 15px 6px; }
#example-shortcuts a { display: inline-flex; align-items: center; min-height: 44px; color: #23566a; text-underline-offset: .2em; font-weight: 600; }
#maps-records-title { scroll-margin-top: 115px; }
.field-note-teaser { background: #f1eee4; padding: clamp(28px,4vw,55px) 0; }
.note-teaser-inner { align-items: center; }
.field-note-teaser h2, .field-note h2 { color: #18334e; font: 400 clamp(23px, 2.6vw, 36px)/1.2 var(--serif); margin: 0 0 10px; }
.field-note-teaser p, .note-body p { line-height: 1.65; }
.note-body { max-width: 760px; margin: auto; padding-block: 24px 70px; }
.note-body nav, .note-source, .direction-figure figcaption { font: 400 14px/1.65 var(--sans); color: #405664; }
.note-body header { margin-top: 25px; }
.note-body h1 { font: 400 clamp(32px, 4vw, 56px)/1.11 var(--serif); color: #18334e; margin: 0 0 14px; }
.note-intro { font-size: 18px; }
.note-body > h2 { margin-top: 30px; }
.direction-figure { padding: clamp(18px,3vw,32px); margin: 25px 0; background: #f5f3ec; border-top: 3px solid #ad8750; }
.direction-figure h2 { font-size: clamp(23px,2.4vw,30px); }
.direction-label { display: flex; justify-content: space-between; gap: 10px; margin-top: 15px; }
.direction-track { height: 10px; background: #e5e3da; margin: 4px 0 16px; }
.direction-track i { display: block; height: 100%; width: 100%; background: #356977; }
.direction-track.reverse i { width: calc(35 / 201 * 100%); background: #876938; }
.note-method { border-block: 1px solid #bbbcb2; padding: 14px 0; margin-top: 24px; }
.note-method summary { font-weight: 600; cursor: pointer; }
@media (max-width: 680px) {
  .edition-lead, .edition-measures, .note-teaser-inner { grid-template-columns: 1fr; }
  .edition-lead, .note-teaser-inner { gap: 14px; }
  .edition-brand { padding: 0; }
  .visual-home .v-hero .edition-brand h1 { max-width: none; font-size: 31px; margin: 8px 0 6px; }
  .visual-home .v-hero .edition-brand .hero__subtitle { margin-bottom: 0; font-size: 18px; }
  .board-home .atlas-sections { gap: 0 10px; padding: 3px 12px; }
  .edition-finding { padding: 12px 0 0; border: 0; border-top: 1px solid #7d8e97; }
  .edition-measures { margin-top: 24px; }
  .measure-row { gap: 8px; }
  .map-edition { scroll-margin-top: 85px; }
}