/* The site's own fonts (site.ts serves them): Source Serif 4 for text, Old Standard TT for map labels, IBM Plex Mono for code. */
  @font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/fonts/source-serif-4-latin-wght-normal.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; }
  @font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/fonts/source-serif-4-latin-ext-wght-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 200 900; font-display: swap; src: url(/fonts/source-serif-4-latin-wght-italic.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; }
  @font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 200 900; font-display: swap; src: url(/fonts/source-serif-4-latin-ext-wght-italic.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/old-standard-tt-latin-400-normal.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; }
  @font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/old-standard-tt-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "Old Standard TT"; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/old-standard-tt-latin-400-italic.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; }
  @font-face { font-family: "Old Standard TT"; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/old-standard-tt-latin-ext-400-italic.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/old-standard-tt-latin-700-normal.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; }
  @font-face { font-family: "Old Standard TT"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/old-standard-tt-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
  @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/ibm-plex-mono-latin-400-normal.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; }
  @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

  /* An aged atlas print: muddy pastels on worn paper, brick red for routes and actions. */
  :root {
    color-scheme: light;
    --bg: #ECE6D8; --band: #E4DCCB; --card: #F2EDE2; --map: #E2DAC4; --map-label: rgba(236, 230, 216, 0.85);
    --ink: #2A2622; --muted: #5C544A; --line: #CEC5B2; --line-strong: #A89E89; --contour: #C3B99F; --road: #F2EDE2;
    --water: #5F8687; --water-fill: #AEC2BD; --water-text: #34506A; --forest-line: #A6B282;
    --sea: #AEC2BD; --sea-line: #6E9192; --river: #557A8E; --current: #8E9C94;
    --rose: #D9BCB4; --rose-edge: #C29890; --straw: #E0D5AC; --sage: #C9D0AA; --sage-edge: #A3AF80;
    --mag: #94392F; --on-mag: #F2EDE2; --mag-text: #8A3229; --mag-soft: rgba(148, 57, 47, 0.08); --link: #8A3229;
    --code: #2A2622; --code-ink: #ECE6D8; --code-muted: #B2A994; --code-hi: #DCC49A;
    --night: #2A2622; --night-ink: #ECE6D8; --night-muted: #B8AF9A; --night-line: #433E37; --night-link: #E3A196; --night-mag: #C9665A;
    --t0: #506E90; --t1: #A9BBC8; --t2: #DDD2A6; --t3: #B98D4E;
    --serif: "Source Serif 4", Georgia, serif; --atlas: "Old Standard TT", Georgia, serif; --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      color-scheme: dark;
      --bg: #1D1C19; --band: #23211D; --card: #27251F; --map: #2A2722; --map-label: rgba(29, 28, 25, 0.82);
      --ink: #E6DFD0; --muted: #ABA290; --line: #38342D; --line-strong: #56503F; --contour: #3E3A30; --road: #34302A;
      --water: #86A9A7; --water-fill: #2C3D3D; --water-text: #9DBBCB; --forest-line: #56643F;
      --sea: #2C3D3D; --sea-line: #6E908F; --river: #7E9FB2; --current: #6C7A73;
      --rose: #4A3734; --rose-edge: #77524B; --straw: #3B3626; --sage: #343A29; --sage-edge: #5D6A42;
      --mag: #CF6A5E; --on-mag: #1D1C19; --mag-text: #DD8579; --mag-soft: rgba(207, 106, 94, 0.12); --link: #DD8579;
      --code: #141310; --code-ink: #E6DFD0; --code-muted: #ABA290; --code-hi: #DCC49A;
      --night: #141310; --night-ink: #E6DFD0; --night-muted: #ABA290; --night-line: #34302A; --night-link: #DD8579; --night-mag: #CF6A5E;
      --t0: #3F5A78; --t1: #5D6E78; --t2: #7A6F48; --t3: #9A6F38;
    }
  }
  :root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #1D1C19; --band: #23211D; --card: #27251F; --map: #2A2722; --map-label: rgba(29, 28, 25, 0.82);
    --ink: #E6DFD0; --muted: #ABA290; --line: #38342D; --line-strong: #56503F; --contour: #3E3A30; --road: #34302A;
    --water: #86A9A7; --water-fill: #2C3D3D; --water-text: #9DBBCB; --forest-line: #56643F;
    --sea: #2C3D3D; --sea-line: #6E908F; --river: #7E9FB2; --current: #6C7A73;
    --rose: #4A3734; --rose-edge: #77524B; --straw: #3B3626; --sage: #343A29; --sage-edge: #5D6A42;
    --mag: #CF6A5E; --on-mag: #1D1C19; --mag-text: #DD8579; --mag-soft: rgba(207, 106, 94, 0.12); --link: #DD8579;
    --code: #141310; --code-ink: #E6DFD0; --code-muted: #ABA290; --code-hi: #DCC49A;
    --night: #141310; --night-ink: #E6DFD0; --night-muted: #ABA290; --night-line: #34302A; --night-link: #DD8579; --night-mag: #CF6A5E;
    --t0: #3F5A78; --t1: #5D6E78; --t2: #7A6F48; --t3: #9A6F38;
  }

  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  body { margin: 0; background: var(--bg); color: var(--ink); font: 400 1.0625rem/1.6 var(--serif); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  a { color: inherit; text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
  :focus-visible { outline: 3px solid var(--mag); outline-offset: 3px; border-radius: 2px; }
  code, pre { font-family: var(--mono); }
  code { font-size: 0.88em; }
  h1, h2, h3 { font-family: var(--serif); text-wrap: balance; }
  .wrap { max-width: 77.5rem; margin: 0 auto; padding: 0 1.5rem; }
  .muted { color: var(--muted); }
  .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  [hidden] { display: none !important; }
  .skip { position: absolute; left: 1rem; top: -4rem; z-index: 10; padding: 0.6rem 1rem; background: var(--card); border: 1.5px solid var(--ink); }
  .skip:focus { top: 1rem; }

  /* header */
  .site-top { border-bottom: 1px solid var(--line); }
  .top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1.5rem; padding-top: 0.9rem; padding-bottom: 0.9rem; }
  .brand { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; font-weight: 700; font-size: 1.3rem; line-height: 1; white-space: nowrap; }
  .brand .mark { flex: none; }
  .brand-sub { font-weight: 400; color: var(--muted); }
  .top-links { display: flex; flex-wrap: wrap; gap: 0.25rem 1.4rem; font-size: 1rem; }
  .top-links a, .signin { text-decoration: none; }
  .top-links a:hover, .signin:hover { text-decoration: underline; }
  .top-links .top-signin { display: none; }
  .top-actions { display: flex; align-items: center; gap: 0.5rem; }
  .signin { padding: 0.6rem 0.75rem; }

  /* buttons */
  .button { display: inline-block; padding: 0.7rem 1.25rem; border-radius: 6px; border: 1.5px solid var(--mag); background: var(--mag); color: var(--on-mag);
    font: 600 1rem/1.3 var(--serif); text-decoration: none; white-space: nowrap; cursor: pointer; }
  .button:hover { filter: brightness(1.08); }
  .button.plain { background: transparent; color: var(--ink); border-color: var(--ink); }
  .actions { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }

  /* content pages: a map sheet around the hero */
  .sheet-wrap { padding-top: 3rem; }
  .sheet { position: relative; border: 1.5px solid var(--ink); }
  .sheet-geo { position: absolute; z-index: 1; padding: 0 0.4rem; background: var(--bg); font: 0.7rem/1rem var(--atlas); color: var(--muted); }
  .sheet-geo.nw { top: -0.55rem; left: 1.75rem; } .sheet-geo.ne { top: -0.55rem; right: 1.75rem; }
  .sheet-geo.sw { bottom: -0.55rem; left: 1.75rem; } .sheet-geo.se { bottom: -0.55rem; right: 1.75rem; }
  .sheet::before, .sheet::after { content: ""; position: absolute; left: 50%; height: 10px; border-left: 1.5px solid var(--ink); }
  .sheet::before { top: -1.5px; } .sheet::after { bottom: -1.5px; }
  .sheet-body { background: var(--card); padding: clamp(1.5rem, 4vw, 3.25rem); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(26rem, 100%), 1fr)); gap: 2.5rem; align-items: center; }
  .sheet.plain .sheet-body { grid-template-columns: minmax(0, 1fr); }
  .sheet-text { display: flex; flex-direction: column; gap: 1.2rem; min-width: 0; }
  .crumbs { font-size: 0.92rem; color: var(--muted); }
  .crumbs a { text-decoration: none; } .crumbs a:hover { text-decoration: underline; }
  .page-h1, .sheet h1 { margin: 0; font-weight: 600; font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.04; letter-spacing: -0.01em; }
  .sheet .lede { margin: 0; font-size: 1.19rem; color: var(--muted); max-width: 60ch; text-wrap: pretty; }
  .sheet-code { margin: 0; display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
  .sheet-code pre { margin: 0; max-width: none; white-space: pre-wrap; overflow-wrap: anywhere; }
  .sheet-code figcaption { font-style: italic; font-size: 0.94rem; color: var(--muted); }
  .sheet-pic { display: block; width: 100%; height: auto; background: var(--map); border-radius: 4px; }
  .sheet-pic .contour path { fill: none; stroke: var(--contour); stroke-width: 1.2; }
  .sheet-pic .lake { fill: var(--water-fill); stroke: var(--water); stroke-width: 1.2; }
  .sheet-pic .halo { fill: none; stroke: var(--card); stroke-width: 7; stroke-linecap: round; }
  .sheet-pic .ride { fill: none; stroke: var(--mag); stroke-width: 3; stroke-linecap: round; }
  .sheet-pic .stop { fill: var(--ink); stroke: var(--map); stroke-width: 2; }

  /* content pages: the article */
  .page { padding-top: 2rem; padding-bottom: 4.5rem; }
  .page section { margin-top: 1.75rem; }
  .page h2 { margin: 0 0 1rem; padding-top: 1.4rem; border-top: 1px solid var(--line); max-width: 48rem; font-weight: 600; font-size: clamp(1.6rem, 2.6vw, 2.1rem); line-height: 1.1; }
  .page h3 { margin: 1.5rem 0 0.5rem; font-weight: 600; font-size: 1.25rem; line-height: 1.2; }
  .page p, .page li { max-width: 68ch; text-wrap: pretty; }
  .page p { margin: 0.9rem 0 0; }
  .page h2 + p, .page h3 + p { margin-top: 0; }
  .page ul, .page ol { margin: 0.9rem 0 0; padding-left: 1.4rem; }
  .page li { margin: 0.45rem 0; padding-left: 0.25rem; }
  .page li::marker { color: var(--muted); }
  .page a { color: var(--link); }
  p code, li code, dd code, td code { overflow-wrap: anywhere; background: var(--map); padding: 0.05em 0.3em; border-radius: 3px; }
  pre { margin: 1rem 0 0; max-width: 54rem; padding: 1.1rem 1.4rem; background: var(--code); color: var(--code-ink); border-radius: 4px; overflow-x: auto;
    font-size: 0.82rem; line-height: 1.65; }
  pre code { font-size: inherit; background: none; padding: 0; }
  .note { margin: 1.25rem 0 0; padding: 0.9rem 1.1rem; border: 1px solid var(--line-strong); border-radius: 4px; max-width: 48rem; background: var(--card); }
  .note p:first-child { margin-top: 0; }
  .facts { display: grid; grid-template-columns: minmax(8rem, 12.5rem) minmax(0, 1fr); margin: 1.1rem 0 0; max-width: 54rem; border-top: 1px solid var(--line); }
  .facts dt, .facts dd { margin: 0; padding: 0.7rem 0; border-bottom: 1px solid var(--line); }
  .facts dt { padding-right: 1rem; font-weight: 600; }
  .facts dd { color: var(--muted); }
  .table-scroll { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.1rem 0 0; max-width: 61rem; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--card); }
  table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: 0.94rem; line-height: 1.45; font-variant-numeric: tabular-nums; }
  th, td { text-align: left; vertical-align: top; padding: 0.7rem 0.9rem; border-bottom: 1px solid var(--line); }
  tbody tr:last-child th, tbody tr:last-child td { border-bottom: 0; }
  thead th { font-weight: 600; background: var(--band); }
  tbody th { font-weight: 600; }
  td.us, th.us { font-weight: 600; background: var(--mag-soft); }
  thead th.us { box-shadow: inset 0 3px 0 var(--mag); }
  .no { color: var(--muted); }

  /* the call to action under a page */
  .cta-band { border-top: 1.5px solid var(--ink); border-bottom: 1px solid var(--line); background: var(--map); }
  .cta-band .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 2.75rem; padding-bottom: 2.75rem; }
  .cta-band p { margin: 0; max-width: 56ch; font-weight: 600; font-size: 1.6rem; line-height: 1.25; }
  .cta-band .button.plain { background: var(--card); border-color: var(--line-strong); }

  /* footer */
  .site-foot { padding: 3.5rem 0 2.5rem; font-size: 0.94rem; }
  .foot-grid { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 4fr); gap: 2rem; }
  .foot-brand { display: flex; flex-direction: column; gap: 0.6rem; }
  .foot-brand .brand { font-size: 1.2rem; }
  .foot-brand > a:last-child, .site-links a, .foot-credits { color: var(--muted); }
  .site-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 1.5rem 2rem; }
  .site-links .group { margin: 0 0 0.45rem; font-weight: 600; font-size: 1.06rem; color: var(--ink); }
  .site-links ul { list-style: none; margin: 0; padding: 0; }
  .site-links li { margin: 0.3rem 0; }
  .site-links a { text-decoration: none; }
  .site-links a:hover { text-decoration: underline; color: var(--ink); }
  .foot-credits { margin-top: 2.25rem; padding-top: 1.4rem; border-top: 1px solid var(--line-strong); font-size: 0.875rem; max-width: 60rem; }
  .foot-credits p { margin: 0.3rem 0; }

  @media (max-width: 52rem) {
    .foot-grid { grid-template-columns: minmax(0, 1fr); }
    .top-links { order: 3; width: 100%; font-size: 0.95rem; }
  }
  @media (max-width: 34rem) {
    .wrap { padding: 0 1rem; }
    .brand { gap: 0.45rem; font-size: 1rem; }
    .brand .mark { width: 26px; height: 26px; }
    .top { gap: 0.6rem 1rem; padding-top: 0.75rem; padding-bottom: 0; }
    .top-actions .button { padding: 0.5rem 0.7rem; font-size: 0.9rem; }
    .top-actions .signin { display: none; }
    .top-links { flex-wrap: nowrap; gap: 1rem; margin: 0 -1rem; padding: 0.15rem 1rem 0.7rem; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
    .top-links .top-signin { display: inline; margin-left: auto; padding-left: 0.5rem; }
    .sheet-wrap { padding-top: 2rem; }
    .sheet-geo.ne, .sheet-geo.se { right: 1rem; } .sheet-geo.nw, .sheet-geo.sw { left: 1rem; }
    .facts { grid-template-columns: minmax(0, 1fr); }
    .facts dt { padding-bottom: 0; border-bottom: 0; }
    .facts dd { padding-top: 0.15rem; }
    .cta-band p { font-size: 1.3rem; }
  }
  @media (max-width: 23.5rem) {
    .top { column-gap: 0.5rem; }
    .top-actions .button { padding: 0.45rem 0.6rem; font-size: 0.85rem; }
  }

/* The analytics consent banner (/analytics.js). */
.consent { position: fixed; z-index: 50; left: 1rem; right: 1rem; bottom: 1rem; max-width: 34rem; margin: 0 auto; padding: 1rem 1.25rem; background: var(--card); color: var(--ink); border: 1.5px solid var(--ink); border-radius: 4px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); font-size: 0.95rem; }
.consent p { margin: 0 0 0.75rem; }
.consent a { color: inherit; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.foot-consent { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }

/* The language switcher in the header: the same page in the other languages. */
.langs { display: inline-flex; gap: 0.7rem; margin-right: 0.4rem; font-size: 0.9rem; }
.langs a { color: var(--muted); text-decoration: none; }
.langs a:hover, .langs a:focus-visible { color: var(--ink); text-decoration: underline; }
@media (max-width: 720px) { .langs { gap: 0.5rem; font-size: 0.85rem; } }

/* API reference (/docs/api) */
.page .ref-index { padding-left: 1.1rem; }
.page .ref-index li { margin: 0.35rem 0; }
.page .ref-index code { font-size: 0.85em; }
.page .op { border-top: 1px solid var(--line); padding-top: 1.25rem; margin-top: 1.75rem; }
.page .op h3 { font-size: 1.05rem; overflow-wrap: anywhere; }
.page .op h4 { font-size: 0.95rem; margin: 1.1rem 0 0.4rem; }
.page .op .verb { display: inline-block; min-width: 3.2rem; font: 600 0.8rem/1.6 var(--atlas, inherit); letter-spacing: 0.04em; }
.page .op .cost { color: var(--muted); }
.page table.ref { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.page table.ref td { vertical-align: top; padding: 0.35rem 0.6rem 0.35rem 0; border-bottom: 1px solid var(--band); }
.page table.ref td:first-child { white-space: nowrap; width: 1%; }
.page .op pre { max-height: 26rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }