/* AIX — общий стиль контентных страниц (блог, SEO). Тема-aware, бренд-токены как на лендинге. */
:root{
  --bg-0:#06080F; --bg-1:#0A0E1B; --bg-2:#10162A;
  --text:#EAEFFC; --muted:#98A3C4; --faint:#69749A;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.07);
  --blue:#3B82F6; --indigo:#6366F1; --violet:#8B5CF6; --cyan:#38BDF8;
  --mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;
  --sans:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:760px;
}
@media (prefers-color-scheme: light){
  :root{
    --bg-0:#FBFBFD; --bg-1:#FFFFFF; --bg-2:#F3F5FA;
    --text:#0E1220; --muted:#565D74; --faint:#6A7085; --indigo-ink:#5145E0; --blue-ink:#2563EB; --cyan-ink:#0E7490;
    --line:#E7E9F1; --line-2:#D9DCE8; --glass:#FFFFFF; --glass-2:#F6F7FC;
  }
}
:root[data-theme="dark"]{ --bg-0:#06080F; --bg-1:#0A0E1B; --bg-2:#10162A; --text:#EAEFFC; --muted:#98A3C4; --faint:#69749A; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16); --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.07); }
:root[data-theme="light"]{ --bg-0:#FBFBFD; --bg-1:#FFFFFF; --bg-2:#F3F5FA; --text:#0E1220; --muted:#565D74; --faint:#6A7085; --indigo-ink:#5145E0; --blue-ink:#2563EB; --cyan-ink:#0E7490; --line:#E7E9F1; --line-2:#D9DCE8; --glass:#FFFFFF; --glass-2:#F6F7FC; }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-0);color:var(--text);font-family:var(--sans);line-height:1.65;
  font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--blue-ink,var(--blue));text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* Шапка / подвал */
.site-hd{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-0) 82%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-hd .row{max-width:1080px;margin:0 auto;padding:.85rem 20px;display:flex;align-items:center;gap:1.2rem}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:750;letter-spacing:-.01em;color:var(--text)}
.brand .mk{width:1.5rem;height:1.5rem;border-radius:7px;
  background:linear-gradient(135deg,var(--blue),var(--violet));display:inline-block}
.site-hd nav{margin-left:auto;display:flex;gap:1.15rem;font-size:.95rem}
.site-hd nav a{color:var(--muted)}
.site-hd nav a:hover{color:var(--text);text-decoration:none}
.btn{display:inline-block;padding:.62rem 1.15rem;border-radius:11px;font-weight:650;font-size:.95rem;
  background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff !important;border:0;cursor:pointer;
  transition:transform .12s ease,filter .12s ease}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.btn:active{transform:scale(.97)}
.site-ft{border-top:1px solid var(--line);margin-top:4rem;padding:2.2rem 0;color:var(--faint);font-size:.9rem}
.site-ft .row{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center}
.site-ft a{color:var(--muted)}

/* Типографика статьи */
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--indigo-ink,var(--indigo))}
article,.doc{padding:2.6rem 0 1rem}
article h1,.doc h1{font-size:clamp(1.9rem,4.4vw,2.7rem);line-height:1.14;letter-spacing:-.02em;margin:.5rem 0 .8rem;font-weight:800}
article h2,.doc h2{font-size:clamp(1.3rem,2.6vw,1.6rem);letter-spacing:-.01em;margin:2.4rem 0 .7rem;font-weight:750}
article h3,.doc h3{font-size:1.15rem;margin:1.7rem 0 .5rem;font-weight:700}
article p,.doc p{color:var(--text);margin:.9rem 0}
article ul,article ol,.doc ul,.doc ol{margin:.9rem 0;padding-left:1.3rem}
article li,.doc li{margin:.4rem 0}
.lede{font-size:1.16rem;color:var(--muted);line-height:1.6}
.meta{color:var(--faint);font-size:.9rem;font-family:var(--mono);margin-top:.4rem}
blockquote{margin:1.4rem 0;padding:.4rem 0 .4rem 1.1rem;border-left:3px solid var(--indigo);color:var(--muted)}
code{font-family:var(--mono);font-size:.9em;background:var(--glass-2);border:1px solid var(--line);
  border-radius:6px;padding:.1em .4em}
hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}

/* Карточки (блог-индекс, связанные) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:1.6rem 0}
.card{display:block;border:1px solid var(--line);border-radius:16px;background:var(--glass);
  padding:1.3rem 1.35rem;transition:border-color .15s ease,transform .15s ease}
.card:hover{border-color:var(--line-2);transform:translateY(-2px);text-decoration:none}
.card .k{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo-ink,var(--indigo))}
.card h3{margin:.5rem 0 .4rem;font-size:1.12rem;color:var(--text);font-weight:700}
.card p{margin:0;color:var(--muted);font-size:.95rem}

/* Полоса результата / выделение */
.callout{border:1px solid var(--line);background:var(--glass);border-radius:16px;padding:1.3rem 1.4rem;margin:1.6rem 0}
.callout .r{font-family:var(--mono);color:var(--cyan-ink,var(--cyan));font-size:.95rem}
.cta{margin:2.6rem 0 1rem;padding:1.8rem;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,transparent),color-mix(in srgb,var(--violet) 12%,transparent))}
.cta h2{margin:0 0 .5rem}
.cta p{margin:0 0 1rem;color:var(--muted)}
.crumbs{font-size:.88rem;color:var(--faint);font-family:var(--mono);margin-bottom:.4rem}
.crumbs a{color:var(--muted);text-decoration:underline}
@media (prefers-reduced-motion: reduce){*{transition:none !important;scroll-behavior:auto}}