/* Общие для всех страниц: цветовые переменные и базовые сбросы.
   Вынесено из инлайновых <style> index.html и статей блога —
   один раз скачивается и кешируется браузером на всех страницах. */
:root{
  --paper:#f4f2ea;
  --surface:#ffffff;
  --surface-2:#eae7db;
  --ink:#1c1b17;
  --ink-soft:#4c4a42;
  --ink-mute:#706b60;
  --line:#ddd7c6;
  --rule:#1c1b17;
  --accent:#a8330f;
  --accent-dark:#7c2409;
  --accent-ink:#ffffff;
  --accent-soft:#a8330f14;
  --good:#2f6b3f;
  --good-soft:#2f6b3f14;
  --warn:#8a5a0d;
  --warn-soft:#8a5a0d14;
  --bad:#9e2b22;
  --bad-soft:#9e2b2214;
  --radius:0px;
  --shadow-sm:none;
  --shadow-md:none;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--paper); color:var(--ink); font-family:'Lora', serif; font-size:16.5px; line-height:1.66; }
h1,h2,h3{ font-family:'Lora', serif; font-weight:700; margin:0 0 10px; color:var(--ink); }
p{ margin:0 0 13px; color:var(--ink-soft); }
ul, ol{ margin:0 0 12px; padding-left:0; list-style:none; }
strong{ color:var(--ink); font-weight:700; }
.mono{ font-family:'JetBrains Mono', monospace; }
a{ color:inherit; }

/* Уведомление о cookie (cookie-consent.js) */
.cookie-banner{
  position:fixed; left:14px; bottom:14px; z-index:9999; max-width:270px;
  display:flex; flex-direction:column; gap:8px;
  padding:10px 12px; background:var(--surface); border:1px solid var(--line);
}
.cookie-banner p{ margin:0; color:var(--ink-soft); font-size:11.5px; line-height:1.45; }
.cookie-banner a{ color:var(--ink-soft); text-decoration:underline; }
.cookie-banner a:hover{ color:var(--accent); }
.cookie-banner-btn{
  align-self:flex-start; font-family:'JetBrains Mono', monospace; font-size:10px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; padding:5px 12px;
  background:none; color:var(--accent); border:1px solid var(--accent); cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.cookie-banner-btn:hover{ background:var(--accent); color:#fff; }
@media (max-width:560px){
  .cookie-banner{ left:10px; bottom:10px; max-width:200px; padding:9px 10px; }
  .cookie-banner p{ font-size:11px; }
}