/* Soft Lemon: the Milton page look (chosen 2026-10-20).
   Applies when .pw has data-style="lemon"; without it the page falls back to Town Green in pw.css.
   White page, near-black ink, Archivo at medium weight, soft lemon (#fbe27a) used only as a highlighter.
   Category and source-label colors are unchanged (color-blind-safe set). */
@font-face { font-family: 'PW Archivo'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/archivo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.pw[data-style=lemon] {
  --font-anthropic-serif: "PW Archivo", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-anthropic-sans: "PW Archivo", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cds-radius: 6px;
  --hl: #fbe27a; --hl-ink: #1c1c20; --bar: #d9b23a;
  --color-bg: #f6f6f4; --color-panel: #ffffff; --color-fg: #1c1c20; --color-fg-muted: #5b5b63; --color-border-line: #e2e2de; --accent: #1c1c20; --accent-fg: #ffffff;
  --cds-chart-grid: #ececea; --cds-chart-muted: #b4b4b9; --cds-surface-popover: #ffffff; --cds-border: #e2e2de; --cds-text-secondary: #5b5b63;
  --map-land: #f4f4f1; --map-green: #dce6d4; --map-water: #c9dbe8; --map-road: #ffffff; --map-road-edge: #d8d8d3; --map-minor: #fafaf8; --map-edge: #1c1c20;
}
.pw[data-style=lemon][data-mode=dark] {
  --hl: #fbe27a; --hl-ink: #1c1c20; --bar: #e8c95a;
  --color-bg: #141416; --color-panel: #1c1c20; --color-fg: #ededee; --color-fg-muted: #a5a5ad; --color-border-line: #303035; --accent: #fbe27a; --accent-fg: #1c1c20;
  --cds-chart-grid: #2a2a2f; --cds-chart-muted: #5f5f66; --cds-surface-popover: #222226; --cds-border: #303035; --cds-text-secondary: #a5a5ad;
  --map-land: #1d1d20; --map-green: #232c22; --map-water: #1c2a36; --map-road: #34343a; --map-road-edge: #26262b; --map-minor: #2b2b30; --map-edge: #fbe27a;
}

/* Masthead: plain rule, title in ink with a lemon highlighter (an underline bar in dark mode) */
.pw[data-style=lemon] > header.mast { border-bottom: 1px solid var(--color-border-line); padding-top: 14px; padding-bottom: 16px; }
.pw[data-style=lemon] > header.mast .brand { letter-spacing: .06em; opacity: .8; font-size: 14px; gap: 8px; }
.pw[data-style=lemon] > header.mast .brand svg { width: 22px; height: 17px; }
.pw[data-style=lemon] > header.mast h1 { color: var(--color-fg); font-weight: 600; letter-spacing: -.02em; align-self: flex-start; padding: 0 4px; margin-left: -4px;
  background: linear-gradient(transparent 58%, var(--hl) 58%); }
.pw[data-style=lemon][data-mode=dark] > header.mast h1 { background: none; padding: 0 0 2px; margin-left: 0; box-shadow: inset 0 -4px 0 var(--hl); }
.pw[data-style=lemon] > header.mast .asof { color: var(--color-fg-muted); opacity: 1; }

/* Headings and big numbers: Archivo at medium weight, ink (not colored) */
.pw[data-style=lemon] h1, .pw[data-style=lemon] .card .hl, .pw[data-style=lemon] .pop h4 { font-weight: 600; letter-spacing: -.012em; }
.pw[data-style=lemon] h2 { color: var(--color-fg); font-weight: 600; font-size: 1.12rem; letter-spacing: -.01em; }
.pw[data-style=lemon] .card .hl { font-size: 1.3rem; line-height: 1.2; }
.pw[data-style=lemon] .tile .v { font-weight: 600; letter-spacing: -.01em; }
.pw[data-style=lemon] .maptitle { color: var(--color-fg); font-weight: 600; }

/* Selected controls: lemon fill with ink text, never ink with yellow */
.pw[data-style=lemon] .seg button[aria-pressed=true],
.pw[data-style=lemon] .mapov .seg button[aria-pressed=true],
.pw[data-style=lemon] #board-chips .chip[aria-pressed=true],
.pw[data-style=lemon] .ychip { background: var(--hl); color: var(--hl-ink); border-color: var(--hl); font-weight: 600; }
.pw[data-style=lemon] .ychip:focus-visible, .pw[data-style=lemon] .mbar:focus-visible rect:first-child { outline-color: var(--color-fg); stroke: var(--color-fg); }

/* Month bars: soft gold instead of the accent ink */
.pw[data-style=lemon] .mbar rect + rect { fill: var(--bar) !important; }