/* Скин «places» (Every Single Place, 03.11.2026): гид по местам США — шапка глубокого горного синего, закатное золото
   в шапке, знак «горы и метка места» у логотипа; DM Serif Display (заголовки) + Public Sans (текст и метки).
   Светлая/тёмная — по системе и переключателю. */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/DMSerifDisplay-400-normal.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/PublicSans-100_900-normal.woff2) format('woff2');}
:root, :root[data-theme="light"] {
  --paper: #F6F4EF; --surface: #FFFFFF; --ink: #1A2433; --ink-2: #33415A; --muted: #637087;
  --line: #DFDDD5; --link: #2F5D8C; --accent-ink: #FFFFFF; --tint: #E7EEF6; --code: #EEECE6;
  --display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --text: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Public Sans", system-ui, sans-serif;
  --r: 10px;
  --hd: #1F3A5F; --hd-2: #172E4C; --hd-line: #2E4D76; --hd-ink: #F3F6FA; --hd-muted: #AFC0D6;
  --hd-hi: #E8A33D; --hd-hi-ink: #1F3A5F;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0F151E; --surface: #161F2B; --ink: #E7ECF3; --ink-2: #C3CDDA; --muted: #8E9BB0;
    --line: #253244; --link: #7FA8D9; --accent-ink: #0F151E; --tint: #17263A; --code: #1A2433;
    --hd: #152A45; --hd-2: #0F2036;
  }
}
:root[data-theme="dark"] {
  --paper: #0F151E; --surface: #161F2B; --ink: #E7ECF3; --ink-2: #C3CDDA; --muted: #8E9BB0;
  --line: #253244; --link: #7FA8D9; --accent-ink: #0F151E; --tint: #17263A; --code: #1A2433;
  --hd: #152A45; --hd-2: #0F2036;
}
h1, h2, h3 { font-family: var(--display); font-weight: 400; letter-spacing: 0; line-height: 1.14; }
.lead-title { letter-spacing: -.005em; }
.latest-title { font-family: var(--display); font-weight: 400; }
.eyebrow, .section-label, .topline, .card-meta, .byline, .crumbs, .tags a, .latest time,
.nav-toggle, .pager .nav-links, .prose .lede::before, .prose th, .footer-base { font-family: var(--text); letter-spacing: .02em; }
.eyebrow, .section-label, .prose .lede::before { font-weight: 700; text-transform: uppercase; font-size: 12.5px; letter-spacing: .08em; }
.topline, .card-meta, .byline, .crumbs, .latest time, .footer-base { text-transform: none; font-size: 13.5px; letter-spacing: 0; }
.site-header { background: var(--hd); border-bottom: 3px solid var(--hd-hi); }
.topline { background: var(--hd-2); color: var(--hd-muted); border-bottom: 1px solid var(--hd-line); }
.logo { align-items: center; gap: 0; color: var(--hd-ink); font: 400 28px/1 var(--display); letter-spacing: 0; }
.logo::before {
  content: ""; width: 34px; height: 30px; flex: none; margin-right: 10px; background: var(--hd-hi);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M1 29L11 12l5 7 6-10 11 20z' fill='%23000'/%3E%3Cpath d='M24 1a5 5 0 0 0-5 5c0 4 5 9 5 9s5-5 5-9a5 5 0 0 0-5-5zm0 3a2 2 0 1 1 0 4a2 2 0 0 1 0-4z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M1 29L11 12l5 7 6-10 11 20z' fill='%23000'/%3E%3Cpath d='M24 1a5 5 0 0 0-5 5c0 4 5 9 5 9s5-5 5-9a5 5 0 0 0-5-5zm0 3a2 2 0 1 1 0 4a2 2 0 0 1 0-4z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;
}
.logo-a { color: var(--hd-ink); }
.logo-b { color: var(--hd-hi); }
.primary-nav a { color: #D3DEEC; font-family: var(--text); font-weight: 600; }
.primary-nav a:hover, .primary-nav .current-menu-item a, .primary-nav .current-cat a { color: var(--hd-hi); }
.nav-toggle, .theme-toggle { color: var(--hd-ink); }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; }
.card:hover { border-color: var(--link); }
.card-img img, .lead-img img, .article-img img { border-radius: var(--r); }
.prose blockquote { border-left-color: var(--hd-hi); }
.prose table { font-variant-numeric: tabular-nums; }
.prose th { background: var(--tint); }