/* Единый каркас aized.ru: шапка (header) и футер (footer) для всех страниц.
   Подключение: <link rel="stylesheet" href="/assets/site-chrome.css">
                <script src="/assets/site-chrome.js"[ data-theme="1"]></script>
   Правится в ОДНОМ месте — меняется на всех страницах. */
:root{--sz-bg:var(--bg-solid,var(--brand-bg-solid,#0c0d13));
      --sz-line:var(--line,var(--brand-line,#2b2e3d));
      --sz-ink:var(--ink,var(--brand-ink,#d6dfe8));
      --sz-muted:var(--muted,var(--brand-muted,#7d8797));
      --sz-accent:var(--accent,var(--brand-accent,#b8912f));
      --sz-display:var(--display,var(--brand-display,Georgia,serif))}
/* подложка шапки и футера: 50% прозрачности — проступает фон страницы */
header.site-header,footer.site-footer{
  background:color-mix(in srgb,var(--sz-bg) 50%,transparent);
  backdrop-filter:blur(8px)}
header.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--sz-line)}
footer.site-footer{border-top:1px solid var(--sz-line);margin-top:26px}
.hbar{max-width:1020px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}
.logo{font-family:var(--sz-display);font-weight:700;letter-spacing:.3em;font-size:21px;
  text-decoration:none;color:var(--sz-ink)}
.hspace{margin-left:auto}
.bk{display:inline-flex;align-items:center;gap:8px;margin-left:26px;font-size:16px;
  font-weight:600;letter-spacing:.02em;color:var(--sz-muted);text-decoration:none;
  white-space:nowrap;transition:color 200ms}
.bk svg{width:22px;height:22px;flex:none;transition:transform 250ms cubic-bezier(.34,1.56,.64,1)}
.bk:hover{color:var(--sz-accent)}
.bk:hover svg{transform:translateX(-6px)}
.iconbtn{border:none;background:none;color:var(--sz-muted);cursor:pointer;padding:6px;
  display:flex;align-items:center;transition:transform 200ms cubic-bezier(.34,1.56,.64,1),color 200ms}
.iconbtn:hover{color:var(--sz-accent);transform:scale(1.06)}
.iconbtn svg{width:21px;height:21px}
[data-theme="dark"] .ic-sun{display:none}
[data-theme="light"] .ic-moon{display:none}
.vk{border:1px solid var(--sz-line);color:var(--sz-ink);border-radius:8px;padding:8px 18px;
  text-decoration:none;font-size:14.5px;white-space:nowrap;
  transition:transform 200ms cubic-bezier(.34,1.56,.64,1),box-shadow 200ms,color 200ms}
.vk:hover{transform:scale(1.06);box-shadow:inset 0 0 0 1px var(--sz-accent);color:var(--sz-accent)}
.vk:active{transform:scale(1.06) scale(.9)}
.fbar{max-width:1020px;margin:0 auto;padding:12px 20px;display:flex;gap:18px;flex-wrap:wrap;
  font-size:13px;color:var(--sz-muted);align-items:center}
.fbar .right{margin-left:auto;display:flex;gap:10px}
.soc{width:29px;height:29px;border-radius:50%;border:1px solid var(--sz-line);color:var(--sz-muted);
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  transition:transform 200ms cubic-bezier(.34,1.56,.64,1),box-shadow 200ms,color 200ms}
.soc svg{width:17px;height:17px;display:block}
.soc:hover{transform:scale(1.06);box-shadow:inset 0 0 0 1px var(--sz-accent);color:var(--sz-accent)}
.soc.vk{background:#0077ff;border-color:#0077ff;color:#fff;font-size:10.5px;font-weight:900;
  font-family:Arial,sans-serif;letter-spacing:.02em}
.soc.vk:hover{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--sz-accent)}