/* N1 · Daten-Pastell (Standard seit Runde 1) – Swiss-Raster, große Zahlen, Inter, gedämpfte Pastellflächen.
   Seriös zuerst: ruhige Typo, klare Linien; Farbe nur in Flächen und Diagrammen. */
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --bg: #FAF8F5; --surface: #FFFFFF; --surface-2: #F2EFEA; --ink: #1D2733; --ink-soft: #46515F; --muted: #7A8491;
  --line: #E3DFD8; --accent: #2F6F62; --accent-ink: #FFFFFF; --accent-2: #F7D6C4; --hl: #F7E3B5;
  --sage: #D5E6D9; --peach: #F8DCCB; --lav: #E2DCF4; --butter: #F6EBC0;
  --font-body: "Inter", system-ui, sans-serif; --font-head: "Inter", system-ui, sans-serif; --font-name: "Inter", sans-serif;
  --head-weight: 800; --head-track: -0.035em; --head-lh: .98; --name-size: clamp(3.6rem, 11vw, 8.4rem);
  --radius: 14px; --radius-sm: 8px; --card-border: 1px solid var(--line); --shadow: none; --shadow-hover: 0 8px 24px rgba(29,39,51,.08);
  --header-bg: #FAF8F5; --footer-bg: #1D2733; --footer-ink: #EEF1F4;
  --c1: #2F6F62; --c2: #E07A5F; --c3: #7B6CC4; --c4: #C29A1E; --bar: #BFD6C7; --grid: #ECE8E1;
}
body { font-size: 1.04rem; }
.top { border-bottom: 1px solid var(--line); }
.logo__mark i:nth-child(1) { background: #E07A5F; opacity: 1; } .logo__mark i:nth-child(2) { background: #2F6F62; } .logo__mark i:nth-child(3) { background: #7B6CC4; opacity: 1; }
.logo__word { font-weight: 800; letter-spacing: -.04em; }
.logo__word b { color: var(--accent); } .logo__word small { color: var(--muted); opacity: 1; }
.nav a { font-weight: 600; }
.nav a[aria-current] { background: var(--sage); color: var(--ink); }
.search-mini { border: 1px solid var(--line); background: #fff; }
.kicker, .ncard__kicker, .hero__eyebrow { color: var(--accent); letter-spacing: .1em; }
.hero__punch { color: var(--accent); }
.name__title { letter-spacing: -.05em; }
.name__tagline { font-weight: 500; }
.stats { gap: 12px; }
.stat { border: 0; border-radius: var(--radius); padding: 18px 20px; }
.stat:nth-child(1) { background: var(--sage); } .stat:nth-child(2) { background: var(--peach); }
.stat:nth-child(3) { background: var(--lav); } .stat:nth-child(4) { background: var(--butter); }
.stat__v { color: var(--ink); font-size: clamp(2rem, 4.2vw, 3.2rem); letter-spacing: -.045em; }
.facts { border: 0; border-top: 2px solid var(--ink); border-radius: 0; background: transparent; padding-left: 0; padding-right: 0; }
.facts__h { font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.chart__bar.is-peak { fill: #E07A5F; }
.chartbox, .toplist, .table, .citycard, .movers__col, .rank, .decade, .faq details, .decadecard, .ncard { box-shadow: none; }
.ncard:hover { box-shadow: var(--shadow-hover); }
.ncard--w .ncard__body { border-top: 4px solid #F2B8A0; } .ncard--m .ncard__body { border-top: 4px solid #9FC3AC; }
.sticker { background: var(--butter); color: var(--ink); transform: none; border-radius: 999px; box-shadow: none; font-weight: 700; top: 10px; right: 10px; padding: 6px 10px; }
.ncard__pop { box-shadow: none; border: 1px solid var(--line); }
.prose h2 { letter-spacing: -.035em; }
.section-title { letter-spacing: -.035em; }
.listing__count { background: var(--sage); }
.teaser { background: var(--lav); }
.share { background: var(--surface-2); border: 0; }
.decade strong { color: var(--accent); }
.toplist__r { color: var(--accent); }
.hbars__bar span { background: #2F6F62; }