/* ==========================================================================
   The Good Cold — pages v2 (2026-10-26)
   Brings the hand-built inside pages (index, regions, the eight region editions,
   activities, after dark, calendar, snow desk, stories, tall tales, the table, the
   field guide …) onto tgc-system.css. Linked only on those pages; town pages,
   stories, the store and trips have their own sheets and are not touched.
   Part 1: shared legacy modules. Part 2: page fixes. Part 3: the field guide.
   Part 4: special editions (black, night print, gold). Never sepia.
   ========================================================================== */

/* ---------- Part 1 · shared modules ---------------------------------------- */
html body main { text-rendering: optimizeLegibility; }
html body main :is(h1, h2, h3, h4) { text-wrap: balance; }
html body main :is(p, li, blockquote, figcaption, dd) { text-wrap: pretty; }

/* no decorative shadows on the page; hairlines do the work */
html body main :is(.personal-story, .editorial-goods, .chapter-card, .life-note, .life-trip, .story-words, .edition-card,
  .new-story-card, .dict-entry, .place-columns > article, .weather-box, .resource-grid > *, .note-tiles > a, .gs-home-card,
  .moment-grid > a, .research-note, .board, .cost-grid > *, .event-grid > *, .story-grid > *, .results-grid > *) { box-shadow: none !important; }
html body main :is(.personal-story, .editorial-goods, .chapter-card, .life-note, .life-trip, .story-words) { background-image: none !important; }

/* kickers: Red Hat Mono museum labels in the section ink */
html body main :is(.eyebrow, .chapter-label, .page-label, .personal-story-folio):not(.tgc-cover *):not(.mag-cover *) {
  font: 500 var(--t-xs)/1.35 var(--mono) !important; letter-spacing: .08em !important; text-transform: uppercase !important;
  background: none !important; padding: 0 !important; box-shadow: none !important; }
html body main .fine, html body main p.fine { font: 400 var(--t-xs)/1.6 var(--mono) !important; color: var(--mute) !important; letter-spacing: .02em; max-width: 72ch; }

/* the warm-chapter highlight boxes behind headings: retired */
html body main .warm-chapter > .chapter-label, html body main .warm-chapter > h2 {
  display: block !important; background: none !important; color: var(--ink) !important; padding: 0 !important; box-decoration-break: slice; }
html body main .warm-chapter > .chapter-label { color: var(--kc-ink) !important; }
html body main .warm-chapter > h2 { font: 700 clamp(var(--t-3), 3.6vw, var(--t-4))/.95 var(--display) !important; margin: var(--s2) 0 var(--s5) !important; max-width: 22ch; }

/* section headings and decks */
html body main :is(.section, .life-section, .mag-section) > h2 { font: 700 clamp(var(--t-3), 3.6vw, var(--t-4))/.95 var(--display) !important; letter-spacing: -.005em; color: var(--ink); max-width: 24ch; }
html body main :is(.life-deck, .section > p:not(.fine)) { font: 400 var(--t-l)/1.55 var(--text) !important; color: var(--ink); max-width: var(--measure); }
html body main :is(.section, .life-section) { padding-top: var(--s7); }

/* ---- winter's people: the story module (sun yellow = stories) ---- */
html body main aside.personal-story {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--s3) var(--gap); align-items: start;
  width: min(1360px, 100% - var(--margin) * 2) !important; max-width: none !important; margin: var(--s8) auto !important; padding: var(--s4) 0 0 !important;
  background: none !important; border: 0 !important; border-top: 3px solid var(--k-story) !important; border-radius: 0 !important; color: var(--ink) !important; }
html body main aside.personal-story .personal-story-image { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--radius); width: 100% !important; height: auto !important; }
html body main aside.personal-story .personal-story-image img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: var(--radius) !important; }
html body main aside.personal-story > div { padding: 0 !important; max-width: 62ch; }
html body main aside.personal-story .eyebrow { color: var(--k-story-ink) !important; }
html body main aside.personal-story .personal-story-names { font: 500 var(--t-s)/1.4 var(--mono) !important; color: var(--mute) !important; margin: var(--s2) 0 var(--s4) !important; }
html body main aside.personal-story blockquote { font: 400 clamp(var(--t-xl), 2.6vw, var(--t-3))/1.18 var(--serif) !important; color: var(--ink) !important;
  margin: 0 0 var(--s4) !important; padding: 0 !important; border: 0 !important; background: none !important; letter-spacing: 0 !important; max-width: 26ch; }
html body main aside.personal-story .personal-story-excerpt { font: 400 var(--t-m)/1.65 var(--text) !important; color: var(--ink) !important; max-width: 58ch; }
html body main aside.personal-story .read-story { display: inline-block; margin-top: var(--s3); font: 600 var(--t-s)/1 var(--text) !important; letter-spacing: 0 !important; text-transform: none !important;
  color: var(--ink) !important; text-decoration: underline !important; text-decoration-color: var(--k-story) !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px; border: 0 !important; background: none !important; padding: 0 !important; }
html body main aside.personal-story .read-story::after, html body main aside.personal-story .read-story::before { display: none !important; }
html body main aside.personal-story .personal-story-folio { grid-column: 1 / -1; position: static !important; padding-top: var(--s3) !important; border-top: 1px solid var(--rule); color: var(--mute) !important; }

/* ---- the store module (red = the store) ---- */
html body main aside.editorial-goods {
  width: min(1360px, 100% - var(--margin) * 2) !important; max-width: none !important; margin: var(--s7) auto !important;
  background: var(--stock) !important; border: 0 !important; border-radius: var(--radius) !important; padding: var(--s5) !important; box-shadow: none !important; }
html body main aside.editorial-goods .eyebrow { color: var(--k-store) !important; }
html body main aside.editorial-goods h2 { font: 700 var(--t-2)/1 var(--display) !important; color: var(--ink) !important; }
html body main aside.editorial-goods p { font: 400 var(--t-s)/1.55 var(--text) !important; color: var(--ink) !important; }
html body main aside.editorial-goods .read-story { font: 600 var(--t-s)/1 var(--text) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ink) !important;
  text-decoration: underline !important; text-decoration-color: var(--k-store) !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px; border: 0 !important; }
html body main aside.editorial-goods small { font: 400 var(--t-xs)/1.5 var(--mono) !important; color: var(--mute) !important; }
html body main aside.editorial-goods img { border-radius: var(--radius) !important; box-shadow: none !important; }

/* ---- chapter cards and notes: white paper, one hairline, 12px ---- */
html body main :is(.chapter-card, .life-note, .life-trip, .place-columns > article) {
  background: #fff !important; border: 0 !important; border-radius: var(--radius) !important; box-shadow: inset 0 0 0 1px #e5dfd3 !important; color: var(--ink) !important; }
html body main :is(.chapter-card, .life-note, .life-trip) { padding: var(--s4) !important; }
html body main :is(.chapter-card, .life-note, .life-trip) h3 { font: 700 var(--t-xl)/1.02 var(--display) !important; color: var(--ink) !important; letter-spacing: 0; }
html body main :is(.chapter-card, .life-note, .life-trip) h4 { font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--kc-ink) !important; margin: var(--s3) 0 var(--s1) !important; }
html body main :is(.chapter-card, .life-note, .life-trip) p { font: 400 var(--t-s)/1.6 var(--text) !important; color: var(--ink) !important; }
html body main :is(.chapter-card, .life-note) small { display: block; margin-top: var(--s2); font: 400 11px/1.5 var(--mono) !important; color: var(--mute) !important; letter-spacing: .02em; }
html body main .chapter-card > .chapter-label { display: block; margin-bottom: var(--s2); }
html body main .chapter-cards { gap: var(--gap) !important; }

/* the "imagined moment" aside */
html body main .a2-story { margin: var(--s6) 0 0 !important; padding: var(--s4) 0 0 !important; border-top: 1px solid var(--rule) !important; background: none !important; max-width: 62ch; }
html body main .a2-story p { font: 400 var(--t-l)/1.5 var(--serif) !important; color: var(--ink) !important; }

/* pills → museum labels: chips, guide tabs and jump links become underlined mono text */
html body main :is(.town-chip, .guide-tabs a, .page-jumps a) {
  display: inline-flex !important; align-items: baseline; gap: 6px; padding: 4px 0 !important; margin: 0 var(--s3) var(--s1) 0 !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font: 500 var(--t-xs)/1.4 var(--mono) !important; letter-spacing: .06em !important; text-transform: uppercase !important;
  color: inherit !important; text-decoration: underline !important; text-decoration-color: currentColor; text-decoration-thickness: 1px !important; text-underline-offset: 4px; opacity: .92; }
html body main :is(.town-chip, .guide-tabs a, .page-jumps a):hover { opacity: 1; text-decoration-thickness: 2px !important; }
html body main .town-chip-temp:empty { display: none; }
html body main :is(.guide-tabs, .page-jumps, .edition-towns) { display: flex !important; flex-wrap: wrap; gap: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html body main nav.page-jumps { width: min(1360px, 100% - var(--margin) * 2); margin: var(--s5) auto !important; padding: var(--s3) 0 !important; border-top: 1px solid var(--rule) !important; border-bottom: 1px solid var(--rule) !important; }
html body main .page-label { width: min(1360px, 100% - var(--margin) * 2); margin: var(--s6) auto 0 !important; color: var(--kc-ink) !important; }

/* page turns: the town-page pattern, one heavy rule over each */
html body > nav.page-turns { position: static !important; pointer-events: auto !important; display: grid !important; grid-template-columns: 1fr 1fr; gap: var(--gap); width: min(1360px, 100% - var(--margin) * 2); margin: var(--s7) auto var(--s7) !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body > nav.page-turns a { display: block !important; max-width: none !important; width: auto !important; pointer-events: auto !important; padding: 18px 0 0 !important; border: 0 !important; border-top: 3px solid var(--ink) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--ink) !important; text-decoration: none; }
html body > nav.page-turns a[rel="next"] { text-align: right; }
html body > nav.page-turns small { display: block; font-size: var(--t-xs) !important; font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--kc-ink) !important; }
html body > nav.page-turns strong { display: block !important; font: 700 clamp(26px, 3vw, 40px)/1 var(--display) !important; }

/* buttons: the system button */
html body main :is(a.button, button.calendar-download) { border-radius: var(--radius) !important; box-shadow: none !important; background-image: none !important; }

/* handwriting is for recipes and margin notes only */
html body main :is(.dict-ex, .story-words blockquote, .almanac-wisdom p, .wisdom p, blockquote) { font-family: var(--serif) !important; font-style: normal; }

/* the snowflake overlays on inside pages are illustration; the photographs carry the weather */
html body main :is(.life-cover, .paired-light-art, .mag-wide-scene, .story-cover) .ambient-snow { display: none !important; }

@media (max-width: 760px) {
  html body main aside.personal-story { grid-template-columns: 1fr; margin: var(--s7) auto !important; }
  html body main aside.personal-story .personal-story-image { aspect-ratio: 4 / 3; }
  html body main aside.editorial-goods { padding: var(--s4) !important; }
  html body > nav.page-turns { gap: 12px; } html body > nav.page-turns strong { font-size: 22px !important; }
}

/* ---------- Part 2 · page fixes --------------------------------------------- */
/* index: story spreads are stories (sun), set on paper, quote in the reading serif */
html body main .story-spread { gap: var(--gap) !important; width: min(1360px, 100% - var(--margin) * 2) !important; margin: var(--s8) auto !important; align-items: center !important; background: none !important; }
html body main .story-spread .story-photo { border-radius: var(--radius) !important; overflow: hidden; display: block; aspect-ratio: 5 / 4; }
html body main .story-spread .story-photo img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: var(--radius) !important; }
html body main .story-words { background: none !important; border: 0 !important; border-top: 3px solid var(--k-story) !important; border-radius: 0 !important; padding: var(--s4) 0 0 !important; color: var(--ink) !important; }
html body main .story-words .eyebrow { color: var(--k-story-ink) !important; }
html body main .story-words blockquote { font: 400 clamp(var(--t-xl), 2.8vw, var(--t-3))/1.15 var(--serif) !important; margin: var(--s4) 0 !important; letter-spacing: 0 !important; }
html body main .story-words blockquote::before { display: none !important; }
html body main .story-words h2 { font: 700 var(--t-xl)/1.05 var(--display) !important; margin: 0 0 var(--s3) !important; }
html body main .story-words p { font: 400 var(--t-m)/1.65 var(--text) !important; }
html body main :is(.story-words, .mag-wide, .mag-section, .gs-home, .mag-atlas) .read-story { font: 600 var(--t-s)/1 var(--text) !important; letter-spacing: 0 !important; text-transform: none !important;
  text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px; border: 0 !important; background: none !important; padding: 0 !important; }
html body main .story-words .read-story { color: var(--ink) !important; text-decoration-color: var(--k-story) !important; }
html body main .story-words .read-story::after { display: none !important; }
html body main .mag-wide { width: min(1360px, 100% - var(--margin) * 2); margin: var(--s8) auto !important; }
html body main .mag-wide-scene { position: relative; height: clamp(380px, 46vw, 600px); border-radius: var(--radius); overflow: hidden; background: var(--ink); isolation: isolate; }
html body main .mag-wide-scene > img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center 55%; border-radius: 0 !important; z-index: -2; }
html body main .mag-wide-scene::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(9, 24, 39, .82), rgba(9, 24, 39, 0) 62%); }
html body main .mag-wide-scene > div { position: absolute; left: var(--s5); right: var(--s5); bottom: var(--s5); color: var(--paper) !important; opacity: 1 !important; transform: none !important; }
html body main .mag-wide-scene :is(h2, .eyebrow, .read-story) { color: var(--paper) !important; opacity: 1 !important; filter: none !important; }
html body main .mag-wide-scene h2 { font: 700 clamp(var(--t-4), 6vw, var(--t-7))/.9 var(--display) !important; margin: var(--s2) 0 var(--s4) !important; }
html body main .mag-wide-scene .eyebrow { color: var(--sun) !important; }
html body main .mag-wide-scene .read-story { text-decoration-color: var(--sun) !important; }
html body main .small-moments .moment-grid img { border-radius: var(--radius) !important; aspect-ratio: 1; object-fit: cover; }
html body main .small-moments .moment-grid h3 { font: 700 var(--t-xl)/1 var(--display) !important; }
html body main .note-tiles > a { border-radius: var(--radius) !important; background: #fff !important; box-shadow: inset 0 0 0 1px #e5dfd3 !important; }
html body main .note-tiles > a.navy-note { background: var(--ink) !important; box-shadow: none !important; }
html body main .mag-atlas { background: var(--paper) !important; border-top: 1px solid var(--rule); }
html body main .mag-atlas .atlas-art img { filter: none; }
html body main .atlas-number { border-radius: 50% !important; }
html body main .mag-intro h2, html body main .mag-intro p:first-of-type { text-wrap: balance; }

/* regions: the intro links become labels; the quote card is editorial (paper), not the store's red */
html body main .edition-grid { gap: var(--gap) !important; }
html body main .edition-card { border-radius: var(--radius) !important; overflow: hidden; }
html body main .edition-card.extra-quote { background: var(--stock) !important; color: var(--ink) !important; }
html body main .edition-card.extra-quote blockquote p { font: 400 clamp(var(--t-xl), 2.6vw, var(--t-3))/1.18 var(--serif) !important; color: var(--ink) !important; }
html body main .edition-card.extra-quote cite { font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--mute) !important; font-style: normal; }
html body main .edition-card .region-cover-copy > span:first-child { font: 500 var(--t-xs)/1.35 var(--mono) !important; letter-spacing: .06em; text-transform: uppercase; color: #9fc3e0 !important; }
html body main .edition-card .edition-more { font: 600 var(--t-s)/1 var(--text) !important; text-decoration: underline; text-decoration-color: var(--sun); text-underline-offset: 5px; }
html body main .edition-card .town-chip { color: var(--paper) !important; }
html body main .visual-intro > img[src*="lockup"] { max-width: 420px; justify-self: end; }

/* region editions: the town list is a ruled index, not a masonry of mismatched cards */
html body main .re-editions { max-width: none !important; width: min(1360px, 100% - var(--margin) * 2); padding: 0 !important; margin: var(--s7) auto !important; }
html body main .re-editions .eyebrow { color: var(--kc-ink) !important; }
html body main .re-editions h2 { font: 700 clamp(var(--t-3), 3.6vw, var(--t-4))/.95 var(--display) !important; }
html body main .re-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 var(--gap) !important; }
html body main .re-grid a { background: none !important; box-shadow: none !important; border-radius: 0 !important; border-top: 1px solid var(--ink); transform: none !important; }
html body main .re-grid a:hover strong { color: var(--k-place-3); }
html body main .re-grid img { display: none !important; }
html body main .re-grid span { border-top: 0 !important; padding: var(--s3) 0 var(--s5) !important; }
html body main .re-grid strong { font: 700 var(--t-xl)/1 var(--display) !important; }
html body main .re-grid em { font: 400 var(--t-s)/1.5 var(--text) !important; color: var(--ink) !important; }

/* region and inside pages: the feature photograph sits on the grid, uncropped faces, 12px */
html body main .edition-feature { display: grid !important; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--gap); align-items: end; width: min(1360px, 100% - var(--margin) * 2) !important; max-width: none !important; margin: var(--s8) auto !important; background: none !important; padding: 0 !important; }
html body main .edition-feature > img { width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius) !important; margin: 0 !important; }
html body main .edition-feature h2 { font: 700 clamp(var(--t-2), 3vw, var(--t-4))/.95 var(--display) !important; }
html body main :is(figure.feature-photo, figure.magazine-page-art, figure.non-ski-feature) { width: min(1360px, 100% - var(--margin) * 2) !important; max-width: none !important; margin: var(--s8) auto !important; }
html body main :is(figure.feature-photo, figure.magazine-page-art, figure.non-ski-feature) img { width: 100% !important; height: auto !important; max-height: 78vh; object-fit: cover; border-radius: var(--radius) !important; }
html body main :is(figure.feature-photo, figure.magazine-page-art, figure.non-ski-feature) figcaption { font: 400 var(--t-xs)/1.5 var(--mono) !important; color: var(--mute) !important; margin-top: var(--s2); letter-spacing: .04em; }
html body main .edition-feature .ambient-snow, html body main figure .ambient-snow { display: none !important; }

/* place columns (hills, rinks) */
html body main .place-columns { gap: var(--gap) !important; }
html body main .place-columns > article { padding: var(--s4) !important; }
html body main .place-columns > article h3 { font: 700 var(--t-xl)/1 var(--display) !important; }
html body main details > summary { font: 600 var(--t-s)/1.3 var(--text); }

/* snow desk dictionary: one paper, one hairline; quotes in the serif */
html body main .dict-entry { background: #fff !important; border: 0 !important; border-radius: var(--radius) !important; box-shadow: inset 0 0 0 1px #e5dfd3 !important; }
html body main .dict-entry .dict-ex { font-size: var(--t-m) !important; line-height: 1.45 !important; color: var(--ink) !important; }
html body main .dict-pos { font-family: var(--mono) !important; }

/* stories index */
html body main .new-story-card { border-radius: var(--radius) !important; }
html body main .new-story-card img { border-radius: var(--radius) !important; }

@media (max-width: 760px) {
  html body main .re-grid { grid-template-columns: 1fr 1fr !important; }
  html body main .edition-feature { grid-template-columns: 1fr; }
  html body main .mag-wide-scene > div { left: var(--s4); right: var(--s4); bottom: var(--s4); }
  html body main .story-spread { grid-template-columns: 1fr !important; }
  html body main .story-spread .story-photo { order: 0 !important; }
}
html body main .mag-wide-scene a::after { background: none !important; }
html body main .story-spread { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
html body main .story-spread > * { min-width: 0; width: auto !important; margin: 0 !important; }
html body main .story-spread.story-reverse .story-photo { order: 2; }
html body main .story-spread.story-reverse .story-words { order: 1; }

/* ---------- Part 3 · the field guide (winter-field-notes.html) --------------
   An old printed naturalist's guide: uncoated paper, plates, numbered entries,
   classification lines, hairlines, a ruled index. Photographs printed as navy
   duotones (grey → navy shadows, paper highlights). Never sepia.
   --------------------------------------------------------------------------- */
body.field-guide { --fg-paper: #f1eee6; --fg-ink: #0e243a; --fg-rule: #c9c3b4; --fg-red: #b3202c; background: var(--fg-paper) !important; }
body.field-guide main.fg { width: min(1120px, 100% - var(--margin) * 2); margin: 0 auto; padding: var(--s7) 0 var(--s8); color: var(--fg-ink); font-family: var(--serif); }
.fg :is(h1, h2, h3, p, dt, dd, li, figcaption) { margin: 0; }
.fg a { color: var(--fg-ink); }

/* title page */
.fg-cover { text-align: center; padding-bottom: var(--s7); border-bottom: 3px double var(--fg-ink); }
.fg-runhead { display: flex; justify-content: space-between; gap: var(--s3); padding-bottom: var(--s2); border-bottom: 1px solid var(--fg-ink); font: 500 11px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.fg-pre { margin-top: var(--s7) !important; font: 400 var(--t-l)/1.2 var(--serif); letter-spacing: .3em; text-transform: uppercase; }
.fg-cover h1 { margin: var(--s3) auto var(--s4) !important; max-width: 16ch; font: 400 clamp(48px, 7.4vw, 104px)/.98 var(--serif) !important; letter-spacing: -.01em; color: var(--fg-ink) !important; text-wrap: balance; }
.fg-sub { max-width: 46ch; margin: 0 auto !important; font: 400 var(--t-l)/1.5 var(--serif); }
.fg-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 720px; margin: var(--s6) auto var(--s7) !important; border-top: 1px solid var(--fg-ink); border-bottom: 1px solid var(--fg-ink); }
.fg-specs > div { padding: var(--s2) var(--s2) var(--s3); border-left: 1px solid var(--fg-rule); }
.fg-specs > div:first-child { border-left: 0; }
.fg-specs dt { font: 500 10.5px/1.3 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--fg-red); }
.fg-specs dd { margin-top: var(--s1) !important; font: 400 var(--t-xl)/1.1 var(--serif); }

/* plates: the duotone print */
.fg-plate { margin: 0; }
.fg-print { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--radius); background: var(--fg-ink); box-shadow: 0 0 0 1px var(--fg-ink); }
.fg-print img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; filter: grayscale(1) contrast(1.12) brightness(1.06); }
.fg-print::before, .fg-print::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.fg-print::before { background: #2a5478; mix-blend-mode: color; }
.fg-print::after { background: #0e243a; mix-blend-mode: lighten; z-index: 3; }
.fg .ambient-snow, .fg .snow-pause, .fg .cover-pause { display: none !important; }
.fg-plate figcaption { margin-top: var(--s2) !important; padding-top: var(--s2); border-top: 1px solid var(--fg-rule); font: 400 var(--t-s)/1.45 var(--serif); text-align: left; }
.fg-plate figcaption b { font: 600 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--fg-red); margin-right: .4em; }
.fg-frontis { max-width: 980px; margin: 0 auto !important; }
.fg-frontis .fg-print { aspect-ratio: 16 / 9; }
.fg-plate-wide .fg-print { aspect-ratio: 21 / 9; }
.fg-plate-side .fg-print { aspect-ratio: 4 / 5; }
.fg-plate-side .fg-print img { object-position: center 40%; }

/* Plate II keeps its day-to-night slider, set like a printed scale */
.fg .paired-light { width: auto !important; margin: var(--s6) 0 0 !important; padding: 0 !important; background: none !important; }
.fg .paired-light-art { aspect-ratio: 16 / 9; height: auto !important; }
.fg .paired-light-art img { position: absolute; inset: 0; }
.fg .paired-light figcaption { position: static !important; display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); align-items: baseline; background: none !important; box-shadow: none !important; border-radius: 0 !important; padding: var(--s2) 0 0 !important; color: var(--fg-ink) !important; }
.fg .paired-light figcaption label { margin-left: auto; display: inline-flex; align-items: center; gap: var(--s2); font: 500 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.fg .paired-light input[type=range] { accent-color: var(--fg-ink); width: 160px; }

/* the ruled index */
.fg-index { display: block !important; max-width: 760px; margin: var(--s7) auto !important; }
.fg-index h2 { text-align: center; font: 500 11px/1 var(--mono) !important; letter-spacing: .3em; text-transform: uppercase; margin-bottom: var(--s3) !important; }
.fg-index ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--fg-ink); }
.fg-index a { display: flex; align-items: baseline; gap: var(--s3); padding: var(--s3) 0; border-bottom: 1px solid var(--fg-rule); text-decoration: none; }
.fg-index a:hover .fg-ix-t { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.fg-ix-n { width: 2.4em; font: 500 var(--t-s)/1 var(--mono); color: var(--fg-red); }
.fg-ix-t { font: 400 var(--t-xl)/1.1 var(--serif); }
.fg-ix-lead { flex: 1; border-bottom: 1px dotted var(--fg-ink); transform: translateY(-5px); min-width: 24px; }
.fg-ix-r { font: 500 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }

/* parts */
.fg-part { padding-top: var(--s8); }
.fg-part-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--s2) var(--gap); padding-top: var(--s3); border-top: 3px solid var(--fg-ink); margin-bottom: var(--s6); }
.fg-part-n { grid-column: 1; font: 500 11px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fg-red); }
.fg-part-head h2 { grid-column: 1; font: 400 clamp(var(--t-3), 5vw, var(--t-5))/1 var(--serif) !important; color: var(--fg-ink) !important; }
.fg-part-head p { grid-column: 2; grid-row: 1 / span 2; align-self: end; font: 400 var(--t-l)/1.5 var(--serif); max-width: 52ch; }

/* entries */
.fg-entries { display: grid; gap: var(--s5) var(--gap); }
.fg-entries-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fg-entry { padding-top: var(--s3); border-top: 1px solid var(--fg-ink); border-radius: 0 !important; background: none !important; box-shadow: none !important; }
.fg-no { display: block; font: 500 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--fg-red); margin-bottom: var(--s2); }
.fg-entry h3 { font: 400 var(--t-2)/1.05 var(--serif) !important; color: var(--fg-ink) !important; }
.fg-class { margin: var(--s2) 0 var(--s3) !important; padding: 6px 0; border-top: 1px solid var(--fg-rule); border-bottom: 1px solid var(--fg-rule); font: 400 10.5px/1.4 var(--mono) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--mute) !important; }
.fg-entry p { font: 400 var(--t-m)/1.6 var(--serif); margin-bottom: var(--s3) !important; }
.fg-ex { padding: var(--s3); background: #e8e3d6; border-radius: var(--radius); font-size: var(--t-s) !important; }
.fg-ex b { display: block; font: 500 10.5px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 4px; }
.fg .photo-checks { list-style: none; margin: 0; padding: 0; counter-reset: fr; }
.fg .photo-checks li { counter-increment: fr; border-bottom: 1px dotted var(--fg-rule); }
.fg .photo-checks label { display: grid; grid-template-columns: 20px 1fr; gap: var(--s2); padding: 9px 0; font: 400 var(--t-m)/1.45 var(--serif); cursor: pointer; }
.fg .photo-checks input { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; margin: 4px 0 0; border: 1px solid var(--fg-ink); border-radius: 2px; background: transparent; }
.fg .photo-checks input:checked { background: var(--fg-ink); box-shadow: inset 0 0 0 2px var(--fg-paper); }
.fg .photo-checks input:checked + span { text-decoration: line-through; text-decoration-color: var(--fg-red); }

/* glossary */
.fg-split { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--gap); align-items: start; }
.fg-split-rev { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.fg-glossary { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--gap); }
.fg-term { padding: var(--s3) 0 var(--s4); border-top: 1px solid var(--fg-ink); }
.fg-term dt { font: 400 var(--t-2)/1 var(--serif); }
.fg-term dd { font: 400 var(--t-m)/1.55 var(--serif); }
.fg-term dd.fg-class { font-style: normal; }
.fg-plate-side { position: sticky; top: 96px; }

.fg-ref { margin-top: var(--s5) !important; max-width: 80ch; font: 400 11px/1.6 var(--mono) !important; letter-spacing: .02em; color: var(--mute); }
.fg-more { margin-top: var(--s4) !important; }
.fg-more a { font: 500 var(--t-s)/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--fg-red); }
.fg-plate-wide { margin-bottom: var(--s6) !important; }
.fg-entry-long p:not(.fg-class):not(.fg-more) { font-size: var(--t-l) !important; max-width: 56ch; }
.fg-colophon { margin-top: var(--s8); padding-top: var(--s4); border-top: 3px double var(--fg-ink); text-align: center; }
.fg-colophon p { max-width: 60ch; margin: 0 auto !important; font: 400 var(--t-m)/1.6 var(--serif); }
.fg-colophon b { font-weight: 400; letter-spacing: .14em; text-transform: uppercase; font-size: var(--t-s); }
body.field-guide > nav.page-turns a, body.field-guide > nav.page-turns { border-color: var(--fg-ink) !important; }
body.field-guide > nav.page-turns strong { font-family: var(--serif) !important; font-weight: 400 !important; }

@media (max-width: 860px) {
  .fg-entries-3, .fg-split, .fg-split-rev { grid-template-columns: 1fr; }
  .fg-part-head { grid-template-columns: 1fr; }
  .fg-part-head p { grid-column: 1; grid-row: auto; }
  .fg-plate-side { position: static; }
  .fg-plate-side .fg-print { aspect-ratio: 4 / 3; }
}
@media (max-width: 560px) {
  body.field-guide main.fg { padding-top: var(--s5); }
  .fg-runhead span:last-child { display: none; }
  .fg-specs { grid-template-columns: 1fr 1fr; }
  .fg-specs > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--fg-rule); }
  .fg-specs > div:nth-child(4) { border-top: 1px solid var(--fg-rule); }
  .fg-glossary { grid-template-columns: 1fr; }
  .fg-ix-r { display: none; }
  .fg-plate-wide .fg-print { aspect-ratio: 4 / 3; }
  .fg .paired-light figcaption label { margin-left: 0; }
}

/* ---------- Part 4 · special editions --------------------------------------
   Three pages printed differently, on purpose. Each keeps the grid, the type
   and the 12px corners; only the ink and paper change. Never sepia.
   --------------------------------------------------------------------------- */

/* == The Black Edition: after-dark.html — near-black ground, silver type,
      photographs in black and white ======================================= */
body:has(#nightfall) { --bk: #0b0c0e; --bk-2: #141619; --bk-rule: #2b2e33; --silver: #c9cdd2; --silver-hi: #eef0f2; --silver-lo: #8b9097;
  background: var(--bk) !important; color: var(--silver) !important; }
body:has(#nightfall) main { color: var(--silver); }
body:has(#nightfall) main img, body:has(#nightfall) .tgc-cover-art img { filter: grayscale(1) contrast(1.12) brightness(.96) !important; }
body:has(#nightfall) main .edition-intro.tgc-cover { background: var(--bk) !important; }
body:has(#nightfall) main .edition-intro.tgc-cover::before { background: linear-gradient(0deg, rgba(11, 12, 14, .92) 0%, rgba(11, 12, 14, .5) 40%, rgba(11, 12, 14, .05) 75%) !important; }
body:has(#nightfall) main .edition-intro.tgc-cover .eyebrow, body:has(#nightfall) main .edition-intro .chapter-label { color: var(--silver) !important; letter-spacing: .14em !important; }
body:has(#nightfall) main .edition-intro.tgc-cover h1 { color: var(--silver-hi) !important; text-shadow: none !important; }
body:has(#nightfall) main .edition-intro.tgc-cover p { color: var(--silver) !important; }
body:has(#nightfall) main :is(h1, h2, h3, blockquote, .personal-story-names) { color: var(--silver-hi) !important; }
body:has(#nightfall) main :is(p, li, span, small, figcaption, em) { color: var(--silver) !important; }
body:has(#nightfall) main :is(.eyebrow, .chapter-label, .personal-story-folio, .fine, .personal-story-names, figcaption) { color: var(--silver-lo) !important; }
body:has(#nightfall) main a { color: var(--silver-hi) !important; text-decoration-color: var(--silver-lo) !important; }
body:has(#nightfall) main aside.personal-story { border-top-color: var(--silver) !important; }
body:has(#nightfall) main aside.personal-story .personal-story-folio { border-top-color: var(--bk-rule) !important; }
body:has(#nightfall) main aside.personal-story .read-story, body:has(#nightfall) main aside.editorial-goods .read-story { color: var(--silver-hi) !important; text-decoration-color: var(--silver) !important; }
body:has(#nightfall) main aside.editorial-goods { background: var(--bk-2) !important; box-shadow: inset 0 0 0 1px var(--bk-rule) !important; }
body:has(#nightfall) main :is(.chapter-card, .life-note) { background: var(--bk-2) !important; box-shadow: inset 0 0 0 1px var(--bk-rule) !important; }
body:has(#nightfall) main .chapter-card h3 { color: var(--silver-hi) !important; }
body:has(#nightfall) main .chapter-card p { color: var(--silver) !important; }
body:has(#nightfall) main .a2-story { border-top-color: var(--bk-rule) !important; }
body:has(#nightfall) main .a2-story p { color: var(--silver-hi) !important; }
body:has(#nightfall) main .warm-chapter > h2 { color: var(--silver-hi) !important; }
body:has(#nightfall) main .section { background: none !important; }
/* the town-by-town night shift */
body:has(#nightfall) main .ad-shift { background: var(--bk) !important; border-top: 1px solid var(--bk-rule); }
body:has(#nightfall) main .ad-shift h2 { color: var(--silver-hi) !important; }
body:has(#nightfall) main .ad-tabs button { background: none !important; color: var(--silver) !important; border: 0 !important; border-bottom: 1px solid var(--bk-rule) !important; border-radius: 0 !important;
  font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; padding: 10px 2px !important; margin-right: var(--s3); }
body:has(#nightfall) main .ad-tabs button[aria-selected="true"] { color: var(--silver-hi) !important; border-bottom: 2px solid var(--silver-hi) !important; }
body:has(#nightfall) main .ad-towns article { background: var(--bk-2) !important; border: 0 !important; border-top: 0 !important; box-shadow: inset 0 0 0 1px var(--bk-rule) !important; border-radius: var(--radius) !important; }
body:has(#nightfall) main .ad-towns h3, body:has(#nightfall) main .ad-towns h3 a { color: var(--silver-hi) !important; border-color: var(--bk-rule) !important; }
body:has(#nightfall) main .ad-towns li { border-color: var(--bk-rule) !important; }
body:has(#nightfall) main .ad-towns li b { color: var(--silver-hi) !important; }
body:has(#nightfall) main .ad-towns li span { color: var(--silver-lo) !important; font-family: var(--mono) !important; letter-spacing: .08em; }
body:has(#nightfall) main .ad-towns li p { color: var(--silver) !important; }
body:has(#nightfall) main .ad-more { color: var(--silver-hi) !important; text-decoration: underline; text-decoration-color: var(--silver-lo); text-underline-offset: 4px; }
body:has(#nightfall) > nav.page-turns a { border-top-color: var(--silver) !important; color: var(--silver-hi) !important; }
body:has(#nightfall) > nav.page-turns small { color: var(--silver-lo) !important; }
body:has(#nightfall) .tgc-foot { background: #050607 !important; border-top: 1px solid var(--bk-rule); }
.bk-mark { display: inline-block; margin-bottom: var(--s3); padding: 6px 10px; border: 1px solid currentColor; border-radius: var(--radius);
  font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--silver, #c9cdd2); }

/* == The Night Print: tall-tales.html — the whole page printed in navy, the
      tales set in the reading serif, ice-blue rules ======================== */
body[data-page="tall-tales.html"] { --np: #0e243a; --np-2: #12304d; --np-rule: rgba(216, 232, 242, .2); --np-ice: #d8e8f2; --np-dim: #9fb6ca; background: var(--np) !important; color: var(--np-ice); }
body[data-page="tall-tales.html"] main { background: var(--np) !important; }
body[data-page="tall-tales.html"] main > .tt-head { padding-top: var(--s8) !important; padding-bottom: var(--s6) !important; border-bottom: 1px solid var(--np-rule); }
body[data-page="tall-tales.html"] .tt-head::before { content: "The night print edition · No. 01–103"; display: block; margin-bottom: var(--s5); font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--np-dim); }
body[data-page="tall-tales.html"] .tt-head .eyebrow { color: var(--sun) !important; }
body[data-page="tall-tales.html"] .tt-head h1 { font: 400 clamp(52px, 8vw, 120px)/.95 var(--serif) !important; color: var(--np-ice) !important; letter-spacing: -.01em; max-width: 14ch; text-wrap: balance; }
body[data-page="tall-tales.html"] .tt-head .tp-deck { font: 400 var(--t-l)/1.55 var(--serif) !important; color: var(--np-dim) !important; max-width: 52ch; }
body[data-page="tall-tales.html"] .tt-head .page-save, body[data-page="tall-tales.html"] .tt-head button { color: var(--np-ice) !important; border-color: var(--np-rule) !important; background: none !important; }
body[data-page="tall-tales.html"] main > .tt-grid { gap: 0 var(--gap) !important; padding-top: var(--s6) !important; }
body[data-page="tall-tales.html"] .tt-card, body[data-page="tall-tales.html"] .tt-card:nth-child(n) { background: none !important; color: var(--np-ice) !important; box-shadow: none !important; border: 0 !important;
  border-top: 1px solid var(--np-rule) !important; border-radius: 0 !important; padding: var(--s4) 0 var(--s6) !important; }
body[data-page="tall-tales.html"] .tt-n { color: var(--sun) !important; font: 500 11px/1 var(--mono) !important; letter-spacing: .14em; }
body[data-page="tall-tales.html"] .tt-card h2, body[data-page="tall-tales.html"] .tt-card:nth-child(n) h2 { font: 400 var(--t-2)/1.08 var(--serif) !important; color: #fff !important; margin: var(--s3) 0 var(--s3) !important; text-wrap: balance; }
body[data-page="tall-tales.html"] .tt-card p { font: 400 var(--t-m)/1.6 var(--serif) !important; color: var(--np-ice) !important; opacity: .86; }
body[data-page="tall-tales.html"] .tt-card a, body[data-page="tall-tales.html"] .tt-card:nth-child(n) a { color: var(--np-ice) !important; font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase;
  text-decoration: underline !important; text-decoration-color: var(--k-info) !important; text-underline-offset: 5px; }
body[data-page="tall-tales.html"] .tp-sources { background: none !important; color: var(--np-dim) !important; border-top: 1px solid var(--np-rule); }
body[data-page="tall-tales.html"] .tp-sources p { color: var(--np-dim) !important; font: 400 var(--t-xs)/1.6 var(--mono) !important; }
body[data-page="tall-tales.html"] > nav.page-turns a { color: var(--np-ice) !important; border-top-color: var(--np-ice) !important; }
body[data-page="tall-tales.html"] > nav.page-turns small { color: var(--sun) !important; }

/* == The Gold Edition: around-the-holidays.html — deep navy, gold-leaf type
      (a quiet foil sheen on the headlines only), gold hairlines =========== */
body[data-page="around-the-holidays.html"] { --gd-ground: #0a1b2d; --gd-panel: #0f2439; --gold: #d6b46a; --gold-hi: #f1dda4; --gold-lo: #a8853e; --gd-rule: rgba(214, 180, 106, .34); --gd-text: #ece6d6; --gd-dim: #b9b29f;
  background: var(--gd-ground) !important; color: var(--gd-text) !important; }
body[data-page="around-the-holidays.html"] main { color: var(--gd-text); }
body[data-page="around-the-holidays.html"] main :is(h1, h2) { background: linear-gradient(100deg, var(--gold-lo) 0%, var(--gold-hi) 38%, var(--gold) 55%, var(--gold-hi) 78%, var(--gold-lo) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none !important; }
body[data-page="around-the-holidays.html"] main .edition-intro.tgc-cover { background: var(--gd-ground) !important; }
body[data-page="around-the-holidays.html"] main .edition-intro.tgc-cover::before { background: linear-gradient(0deg, rgba(10, 27, 45, .94) 0%, rgba(10, 27, 45, .55) 42%, rgba(10, 27, 45, .1) 78%) !important; }
body[data-page="around-the-holidays.html"] main .edition-intro .eyebrow { color: var(--gold) !important; letter-spacing: .16em !important; }
body[data-page="around-the-holidays.html"] main .edition-intro.tgc-cover p { color: var(--gd-text) !important; }
body[data-page="around-the-holidays.html"] main :is(.eyebrow, .chapter-label) { color: var(--gold) !important; }
body[data-page="around-the-holidays.html"] main .section > h2 { padding-top: var(--s4); border-top: 1px solid var(--gd-rule); max-width: none !important; }
body[data-page="around-the-holidays.html"] main .chapter-card { background: none !important; box-shadow: inset 0 0 0 1px var(--gd-rule) !important; }
body[data-page="around-the-holidays.html"] main .chapter-card h3 { color: var(--gold-hi) !important; font-family: var(--serif) !important; font-weight: 400 !important; font-size: var(--t-xl) !important; line-height: 1.15 !important; }
body[data-page="around-the-holidays.html"] main .chapter-card p { color: var(--gd-text) !important; }
body[data-page="around-the-holidays.html"] main .chapter-card small { color: var(--gd-dim) !important; border-top: 1px solid var(--gd-rule); padding-top: var(--s2); margin-top: var(--s3) !important; }
body[data-page="around-the-holidays.html"] main a { color: var(--gold-hi) !important; text-decoration: underline; text-decoration-color: var(--gold-lo); text-underline-offset: 4px; }
body[data-page="around-the-holidays.html"] main :is(.fine, p.fine) { color: var(--gd-dim) !important; }
body[data-page="around-the-holidays.html"] main .action-link { background: none !important; border: 0 !important; padding: 0 !important; }
body[data-page="around-the-holidays.html"] > nav.page-turns a { color: var(--gd-text) !important; border-top-color: var(--gold) !important; }
body[data-page="around-the-holidays.html"] > nav.page-turns small { color: var(--gold) !important; }
.gd-mark { display: inline-block; margin-bottom: var(--s3); padding: 6px 10px; border: 1px solid var(--gold, #d6b46a); border-radius: var(--radius); font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--gold, #d6b46a); }

/* ---------- Part 5 · follow-ups ------------------------------------------ */
html body main .chapter-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html body main .chapter-cards:has(> :nth-child(3):last-child), html body main .chapter-cards:has(> :nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 760px) { html body main .chapter-cards, html body main .chapter-cards:has(> :nth-child(3):last-child), html body main .chapter-cards:has(> :nth-child(6):last-child) { grid-template-columns: 1fr !important; } }
/* the drifting snowflake overlay stays on the front cover only */
html body main :not(.mag-cover) > .ambient-snow, html body main :not(.mag-cover) > .snow-pause { display: none !important; }
html body main .tgc-cover .gd-mark, html body main .tgc-cover .bk-mark { position: relative; align-self: flex-start; }
/* calendar / almanac: flat navy moon strip, tabs as ruled labels, wisdom in the serif (calendar = ice blue) */
html body #almanac .alm-moons { background: var(--ink) !important; background-image: none !important; box-shadow: none !important; border-radius: var(--radius) !important; }
html body #almanac .alm-moons i { box-shadow: none !important; }
html body #almanac .alm-tabs { display: flex; flex-wrap: wrap; gap: 0 var(--s4); border-bottom: 1px solid var(--rule); }
html body #almanac .alm-tabs button { border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 10px 0 !important; background: none !important; color: var(--mute) !important;
  font: 500 var(--t-xs)/1.3 var(--mono) !important; letter-spacing: .08em; text-transform: uppercase; margin-bottom: -1px; }
html body #almanac .alm-tabs button[aria-selected="true"] { color: var(--ink) !important; border-bottom-color: var(--k-info) !important; }
html body #almanac .alm-wisdom { background: var(--sky) !important; font: 400 var(--t-xl)/1.3 var(--serif) !important; }
html body #almanac .alm-wisdom span { font: 500 var(--t-xs)/1.3 var(--mono) !important; color: var(--k-info-ink) !important; letter-spacing: .08em; }
html body #almanac .alm-card { box-shadow: inset 0 0 0 1px #e5dfd3 !important; border-top: 0 !important; }
html body #almanac .alm-date { font-family: var(--display) !important; }
html body main .calendar-controls button, html body main .filters button { border-radius: var(--radius) !important; box-shadow: none !important; }
html body main .life-trip-grid { gap: var(--gap) !important; }
html body main .mag-cover, html body main .life-cover { overflow: hidden; }
@media (max-width: 560px) {
  html body main .life-cover > div { max-width: 100% !important; box-sizing: border-box; }
  html body main .life-cover h1 { font-size: clamp(40px, 12vw, 52px) !important; }
}
/* activities: one paper for every activity card; navy marks the place lists (places = navy) */
html body main .life-card { background: #fff !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px #e5dfd3 !important; border-radius: var(--radius) !important; }
html body main .life-card :is(h3, p, b, a, span, small, li) { color: var(--ink) !important; }
html body main .life-card img[src$=".svg"] { filter: none !important; }
html body main .life-card h3 { font: 700 var(--t-xl)/1 var(--display) !important; }
html body main .life-card b { font: 600 var(--t-s)/1 var(--text) !important; text-decoration: underline; text-decoration-color: var(--k-place-3); text-underline-offset: 4px; }
/* snow desk: the quote cards are ink and sun, not the store's red */
html body main .dict-quote { background: var(--ink) !important; color: var(--paper) !important; box-shadow: none !important; }
html body main .dict-quote * { color: var(--paper) !important; }
html body main .dict-quote.dict-quote-yellow { background: var(--sun) !important; }
html body main .dict-quote.dict-quote-yellow * { color: var(--ink) !important; }
/* plan: the clip-art family retired; the headline holds the space */
html body main .illustrated-heading .plan-icon { display: none !important; }
/* red belongs to the store: editorial quote breakers print in ink */
html body main :is(.story-breaker:not(.yellow), .sf-quote:not(.sf-quote-yellow)) { background: var(--ink) !important; box-shadow: none !important; }
html body main :is(.story-breaker:not(.yellow), .sf-quote:not(.sf-quote-yellow)) :is(p, blockquote, span, small, cite) { color: var(--paper) !important; }
/* winter table: dish names in ink, the town in mono */
body[data-page] main .tp-table-grid h3 { color: var(--ink) !important; }
/* directory results: paper and a hairline */
html body main #explore article.place { background: #fff !important; box-shadow: inset 0 0 0 1px #e5dfd3 !important; border: 0 !important; }
@media (max-width: 760px) {
  html body main .story-spread { grid-template-columns: minmax(0, 1fr) !important; margin: var(--s7) auto !important; }
  html body main .story-spread .story-photo, html body main .story-spread.story-reverse .story-photo { order: 0 !important; grid-column: 1 !important; grid-row: auto !important; }
  html body main .story-spread .story-words, html body main .story-spread.story-reverse .story-words { order: 1 !important; grid-column: 1 !important; grid-row: auto !important; }
  html body main .mag-wide-scene h2 { font-size: clamp(40px, 11vw, 52px) !important; }
}
html body main .story-spread .story-photo { max-width: 100% !important; } html body main .story-spread .story-photo img { max-width: 100% !important; }
@media (max-width: 760px) {
  body[data-page="around-the-holidays.html"] main .edition-intro.tgc-cover::before { background: linear-gradient(0deg, rgba(10, 27, 45, .96) 0%, rgba(10, 27, 45, .82) 55%, rgba(10, 27, 45, .35) 100%) !important; }
}