:root { --ink: #16323d; --glass: #2f7f95; --sky: #8fd0dd; --paper: #f6f4ef; --line: #dcd8cf; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--ink); font-family: "Golos Text", "Segoe UI", system-ui, sans-serif; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  padding: 18px clamp(16px, 4vw, 48px); border-bottom: 1px solid var(--line); background: var(--paper); }
.site-logo { display: inline-flex; }
.site-logo img { display: block; height: 46px; width: auto; }
.site-nav { display: flex; gap: clamp(12px, 2vw, 28px); flex-wrap: wrap; }
.site-nav a { color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; padding: 6px 0; border-bottom: 2px solid transparent; }
.site-nav a:hover { color: var(--glass); border-bottom-color: var(--glass); }
main { display: block; }
.site-footer { border-top: 1px solid var(--line); background: var(--paper); padding: 28px clamp(16px, 4vw, 48px); }
.site-footer__note { margin: 0 0 8px; max-width: 70ch; font-size: 14px; line-height: 1.6; color: #445a63; }
.site-footer__meta { margin: 0; font-size: 13px; color: #6b7f87; }
@media (max-width: 640px) { .site-logo img { height: 38px; } .site-nav a { font-size: 14px; } }

/* Шапка: баннер слева, ключевые цифры отдельным столбцом справа */
#atlas-ost .masthead-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: clamp(22px, 3.4vw, 48px);
  align-items: start;
}
#atlas-ost .standfirst.banner {
  max-width: none;
  margin: 0;
  padding: clamp(18px, 2.2vw, 26px) clamp(20px, 2.4vw, 30px);
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 0 10px 10px 0;
  color: var(--ink);
}
#atlas-ost .key-figures {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
#atlas-ost .key-figures li {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
}
#atlas-ost .key-figures li:first-child { border-top: 0; padding-top: 0; }
#atlas-ost .key-figures li:last-child { padding-bottom: 0; }
#atlas-ost .key-figures b {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
#atlas-ost .key-figures span { font-size: 14px; line-height: 1.35; color: var(--ink-2); }
@media (max-width: 900px) {
  #atlas-ost .masthead-top { grid-template-columns: 1fr; }
}