/* Скин «steel» (Shiny Modern): холодный «нержавеющий» серо-голубой фон, тёмно-синяя верхняя полоса, синий акцент; Figtree + IBM Plex Sans. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/Figtree-300_900-normal.woff2) format('woff2');}
:root, :root[data-theme="light"] {
  --paper: #F2F5F9; --surface: #FFFFFF; --ink: #0F1B2A; --ink-2: #2B3A4D; --muted: #5B6B80;
  --line: #D9E1EB; --link: #0E7490; --accent-ink: #FFFFFF; --tint: #E2F3F6; --code: #EBF0F6;
  --display: "Figtree", system-ui, sans-serif;
  --r: 8px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0C121A; --surface: #121B26; --ink: #E5ECF5; --ink-2: #C0CCDA; --muted: #8796AA;
    --line: #213042; --link: #5CD0E6; --accent-ink: #0C121A; --tint: #0F2A30; --code: #16212E;
  }
}
:root[data-theme="dark"] {
  --paper: #0C121A; --surface: #121B26; --ink: #E5ECF5; --ink-2: #C0CCDA; --muted: #8796AA;
  --line: #213042; --link: #5CD0E6; --accent-ink: #0C121A; --tint: #0F2A30; --code: #16212E;
}
h1, h2, h3 { font-family: var(--display); font-stretch: 100%; font-weight: 800; letter-spacing: -.02em; line-height: 1.12; }
.logo-a, .logo-b { font-family: var(--display); }
.topline { background: #0F1B2A; color: #C9D6E6; }
.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: 14px; }
.card:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.eyebrow, .section-label { font-weight: 600; }