/* Страничные стили atlas. Извлечено из макета v2/17-atlas.html. */
.countries{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media (max-width:900px){ .countries{ grid-template-columns:1fr 1fr; } }
.country{ padding:16px 18px; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:4px; }
.country b{ font-weight:600; font-size:16px; }
.country span{ font-size:14px; color:var(--ink-soft); font-variant-numeric:tabular-nums; }
.legend i.a0{ background:#EDEDE9; } .legend i.a2{ background:#BFD4CB; }
.legend i.a3{ background:#7FAA9C; } .legend i.a4{ background:#0E4D40; }
/* Ступени атласа — не плотность носителей, а число фамилий, поэтому своя
   шкала и свои классы; свотчи легенды выше берут те же цвета. */
.atlas-map path{ fill:#EDEDE9; }
.atlas-map path.a2{ fill:#BFD4CB; }
.atlas-map path.a3{ fill:#7FAA9C; }
.atlas-map path.a4{ fill:#0E4D40; }
.share-cell{ display:flex; align-items:center; gap:12px; }
.share-cell .bar{ flex:1; }
.share-cell span:last-child{ flex:none; font-variant-numeric:tabular-nums; color:var(--ink-soft); }