/* Скин «bucket» (Filling Our Bucket, 02.11.2026): тёплый семейный журнал — сливочный фон, коралловый акцент, скруглённые
   карточки, знак-ведёрко у логотипа; Nunito Sans (заголовки) + Inter (текст). Светлая/тёмная — по системе и переключателю. */
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/NunitoSans-200_1000-normal.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/Inter-100_900-normal.woff2) format('woff2');}
:root, :root[data-theme="light"] {
  --paper: #FFF8F3; --surface: #FFFFFF; --ink: #2B1D20; --ink-2: #4A383C; --muted: #7A666A;
  --line: #F1E2DA; --link: #B02A44; --accent-ink: #FFFFFF; --tint: #FDE9E6; --code: #FBF0EA;
  --display: "Nunito Sans", system-ui, sans-serif;
  --text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Nunito Sans", system-ui, sans-serif;
  --r: 18px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #181214; --surface: #221A1C; --ink: #F3E9E8; --ink-2: #D9CACA; --muted: #A39193;
    --line: #36282B; --link: #FF8A9A; --accent-ink: #181214; --tint: #33191F; --code: #2A1F22;
  }
}
:root[data-theme="dark"] {
  --paper: #181214; --surface: #221A1C; --ink: #F3E9E8; --ink-2: #D9CACA; --muted: #A39193;
  --line: #36282B; --link: #FF8A9A; --accent-ink: #181214; --tint: #33191F; --code: #2A1F22;
}
h1, h2, h3 { font-family: var(--display); font-stretch: 100%; font-weight: 800; letter-spacing: -.012em; line-height: 1.18; }
.lead-title { font-weight: 900; letter-spacing: -.02em; }
.latest-title { font-family: var(--display); font-weight: 700; font-stretch: 100%; }
.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(--display); letter-spacing: .01em; }
.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(--accent); color: var(--accent-ink); }
.logo { align-items: center; gap: 0; font: 900 27px/1 var(--display); letter-spacing: -.02em; }
.logo::before {
  content: ""; width: 30px; height: 30px; flex: none; margin-right: 10px; background: var(--accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 11h20l-3 17H9zM9 11a7 8 0 0 1 14 0h-3a4 5 0 0 0-8 0z' fill='%23000'/%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 32 32'%3E%3Cpath d='M6 11h20l-3 17H9zM9 11a7 8 0 0 1 14 0h-3a4 5 0 0 0-8 0z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
}
.logo-a { font-weight: 600; }
.card { background: var(--surface); border-radius: var(--r); padding: 14px; box-shadow: 0 1px 2px rgba(43,29,32,.05), 0 8px 22px rgba(176,42,68,.06); }
.card-img img, .lead-img img, .article-img img { border-radius: calc(var(--r) - 4px); }
.prose blockquote { border-left-color: var(--accent); background: var(--tint); border-radius: 0 12px 12px 0; }
