/* Скин «pets»: светлый, тёплый, журнальный (Lora + Nunito Sans), без моноширинных меток. Светлая/тёмная — по системе. */
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/Lora-400_700-normal.woff2) format('woff2');}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(fonts/NunitoSans-200_1000-normal.woff2) format('woff2');}
:root {
  --paper: #FBF7F1; --surface: #FFFFFF; --ink: #2A211C; --ink-2: #4A3F38; --muted: #7A6C62;
  --line: #EBE2D6; --link: #A8432F; --accent-ink: #FFFFFF; --tint: #FCEEE6; --code: #F3ECE2;
  --display: "Lora", Georgia, "Times New Roman", serif;
  --text: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Nunito Sans", system-ui, sans-serif;
  --r: 12px;
}
:root[data-theme="light"] {
  --paper: #FBF7F1; --surface: #FFFFFF; --ink: #2A211C; --ink-2: #4A3F38; --muted: #7A6C62;
  --line: #EBE2D6; --link: #A8432F; --accent-ink: #FFFFFF; --tint: #FCEEE6; --code: #F3ECE2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #1A1613; --surface: #231E1A; --ink: #F2EBE3; --ink-2: #D9CFC4; --muted: #A89A8E;
    --line: #362E28; --link: #F0A58F; --accent-ink: #1A1613; --tint: #2C221D; --code: #2A231E;
  }
  :root:not([data-theme="light"]) .site-footer { background: #110E0C; }
}
:root[data-theme="dark"] {
  --paper: #1A1613; --surface: #231E1A; --ink: #F2EBE3; --ink-2: #D9CFC4; --muted: #A89A8E;
  --line: #362E28; --link: #F0A58F; --accent-ink: #1A1613; --tint: #2C221D; --code: #2A231E;
}
h1, h2, h3 { font-stretch: 100%; font-weight: 700; letter-spacing: -.005em; line-height: 1.2; }
.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: 800; }
.topline, .card-meta, .byline, .crumbs, .latest time, .footer-base { text-transform: none; font-size: 13.5px; letter-spacing: 0; }
.topline { background: var(--tint); color: var(--ink-2); }
.logo-a, .logo-b { font-family: var(--display); }
.card-img img, .lead-img img, .article-img img { border-radius: var(--r); }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 16px; }