/* Public UA sites catalog */
.ua-cat {
  --ua-bg: #0f1419;
  --ua-panel: #17202a;
  --ua-card: #1c2733;
  --ua-line: #2a3644;
  --ua-text: #e8eef4;
  --ua-muted: #8b9aab;
  --ua-ua: #3dd68c;
  --ua-intl: #6eb6ff;
  --ua-ru: #ff7b72;
  --ua-accent: #f0c14a;
  --ua-icon-tile: #eef2f6;
  --ua-radius: 10px;
  --ua-font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  color: var(--ua-text);
  background: var(--ua-bg);
  font-family: var(--ua-font);
  min-height: 100vh;
}
html[data-theme="light"] .ua-cat {
  --ua-bg: #f4f6f8;
  --ua-panel: #ffffff;
  --ua-card: #ffffff;
  --ua-line: #d5dde6;
  --ua-text: #15202b;
  --ua-muted: #5b6b7c;
  --ua-icon-tile: #e8ecf1;
}
.ua-cat a { color: inherit; text-decoration: none; }
.ua-cat a:hover { color: var(--ua-accent); }
.ua-cat-wrap { max-width: 1120px; margin: 0 auto; padding: 1.5rem 1.25rem 3rem; }
.ua-cat-top {
  display: flex; justify-content: space-between; align-items: center;
  gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem;
}
/* Light theme: one solid darker bar so the wordmark is not a stubby chip. */
html[data-theme="light"] .ua-cat-wrap { padding-top: 0; }
html[data-theme="light"] .ua-cat-top {
  --ua-text: #f4f7fb;
  --ua-muted: #c5d0dc;
  --ua-line: #314152;
  width: 100vw;
  box-sizing: border-box;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 1.75rem;
  padding: 0.85rem calc((100vw - min(1120px, 100%)) / 2 + 1.25rem);
  background: #15202b;
  color: var(--ua-text);
}
.ua-cat-brand { letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem; color: var(--ua-muted); }
.ua-cat-brand--logo {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ua-text);
  text-decoration: none;
}
.ua-cat-brand--logo img {
  display: block;
  height: 36px;
  width: auto;
  max-width: none;
  object-fit: contain;
  object-position: left center;
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.ua-cat-brand--logo span { color: var(--ua-muted); font-weight: 500; font-size: 0.82rem; }
.ua-cat-nav { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; font-size: 0.9rem; color: var(--ua-muted); }
.ua-cat-nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.1rem;
}
.ua-cat h1 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin: 0 0 0.5rem; letter-spacing: -0.02em; font-weight: 650; }
.ua-cat-lead { color: var(--ua-muted); max-width: 42rem; margin: 0 0 1.5rem; line-height: 1.5; }
.ua-cat-stats { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.ua-cat-stats--infographic {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.65rem;
}
@media (max-width: 900px) {
  .ua-cat-stats--infographic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .ua-cat-stats--infographic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ua-cat-stat {
  background: var(--ua-panel); border: 1px solid var(--ua-line);
  border-radius: var(--ua-radius); padding: 0.75rem 1rem; min-width: 7.5rem;
}
.ua-cat-stats--infographic .ua-cat-stat {
  min-width: 0;
  text-align: center;
  padding: 0.9rem 0.55rem;
}
.ua-cat-stat strong { display: block; font-size: 1.25rem; }
.ua-cat-stats--infographic .ua-cat-stat strong {
  font-size: clamp(1.2rem, 2.4vw, 1.55rem);
  letter-spacing: -0.02em;
}
.ua-cat-stat span { color: var(--ua-muted); font-size: 0.78rem; }
a.ua-cat-stat { color: inherit; text-decoration: none; }
a.ua-cat-stat:hover { border-color: var(--ua-accent); }
.ua-offline-search { display: flex; gap: 0.5rem; align-items: end; margin: 0 0 1rem; }
.ua-offline-search label { display: flex; flex-direction: column; gap: 0.25rem; flex: 1; }
.ua-offline-search span { color: var(--ua-muted); font-size: 0.78rem; }
.ua-offline-search input { min-height: 44px; padding: 0.4rem 0.7rem; border-radius: var(--ua-radius); border: 1px solid var(--ua-line); background: var(--ua-panel); color: inherit; }
.ua-offline-list { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.ua-offline-list li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.45rem 0; border-bottom: 1px solid var(--ua-line); }
.ua-offline-domain { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.ua-offline-reason { color: var(--ua-muted); text-align: right; }
.ua-browse-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
}
.ua-browse-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid var(--ua-line);
  background: var(--ua-panel);
  color: var(--ua-text);
  font-size: 0.88rem;
  font-weight: 550;
  text-decoration: none;
  touch-action: manipulation;
}
.ua-browse-chip:hover {
  border-color: color-mix(in srgb, var(--ua-accent) 55%, var(--ua-line));
  color: var(--ua-accent);
}
.ua-country-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}
.ua-browse-chip.is-current {
  background: var(--ua-accent);
  border-color: var(--ua-accent);
  color: #fff;
}
#tops-ua, #tops-intl, #tops-ru, #cms-tech-tops, #sites {
  scroll-margin-top: 1.25rem;
}
.ua-cat-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1.25rem; }
@media (max-width: 900px) { .ua-cat-grid { grid-template-columns: 1fr; } }
.ua-cat-panel {
  background: var(--ua-panel); border: 1px solid var(--ua-line);
  border-radius: var(--ua-radius); padding: 1rem 1.1rem;
}
.ua-cat-panel h2 { font-size: 1rem; margin: 0 0 0.85rem; font-weight: 600; }
.ua-top-hint {
  margin: -0.45rem 0 0.75rem;
  color: var(--ua-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}
.ua-svc-filter {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--ua-accent) 45%, var(--ua-line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--ua-accent) 10%, var(--ua-bg));
}
.ua-svc-filter img {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--ua-icon-tile);
  padding: 3px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-svc-filter-eyebrow {
  color: var(--ua-accent);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
.ua-svc-filter-title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
.ua-svc-filter-text {
  margin: 0;
  color: var(--ua-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}
.ua-svc-filter-cat { color: var(--ua-muted); }
.ua-svc-filter-clear {
  white-space: nowrap;
  text-decoration: none !important;
  align-self: start;
}
@media (max-width: 640px) {
  .ua-svc-filter { grid-template-columns: auto 1fr; }
  .ua-svc-filter-clear { grid-column: 1 / -1; justify-self: start; }
}
.ua-top-active-hint {
  margin-top: 0.15rem;
  color: var(--ua-accent);
  font-size: 0.72rem;
  font-weight: 500;
}
.ua-cat-search {
  margin: 0 0 0.85rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid var(--ua-line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--ua-bg) 55%, var(--ua-panel));
}
.ua-cat-search-label {
  display: block;
  margin: 0 0 0.4rem;
  color: var(--ua-muted);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ua-cat-search-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 0.5rem;
  align-items: center;
}
@media (max-width: 640px) {
  .ua-cat-search-row { grid-template-columns: 1fr; }
}
.ua-cat-search input[type="search"] {
  width: 100%;
  background: var(--ua-bg);
  border: 1px solid var(--ua-line);
  color: var(--ua-text);
  border-radius: 8px;
  padding: 0.65rem 0.85rem;
  font: inherit;
  font-size: 1rem;
}
.ua-cat-search button,
.ua-cat-filters button,
.ua-cat-btn {
  background: var(--ua-accent); color: #1a1400; border: 0; border-radius: 8px;
  padding: 0.55rem 0.95rem; font: inherit; font-weight: 600; cursor: pointer;
  text-decoration: none !important;
  display: inline-flex; align-items: center; justify-content: center;
}
.ua-cat-btn--ghost,
button.ua-cat-btn--ghost {
  background: transparent;
  color: var(--ua-muted);
  border: 1px solid var(--ua-line);
}
.ua-cat-btn--ghost:hover { color: var(--ua-accent); border-color: var(--ua-accent); }
.ua-cat-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.ua-cat-filters--secondary {
  margin: 0.65rem 0 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--ua-line);
}
.ua-cat-filters input[type="search"],
.ua-cat-filters select {
  background: var(--ua-bg); border: 1px solid var(--ua-line); color: var(--ua-text);
  border-radius: 8px; padding: 0.45rem 0.7rem; font: inherit; min-width: 10rem;
}
.ua-cat-filters label { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--ua-muted); font-size: 0.85rem; }
.ua-cat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1rem;
}
.ua-cat-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--ua-line);
  border-radius: 999px;
  color: var(--ua-muted);
  font-size: 0.8rem;
  background: var(--ua-bg);
}
.ua-cat-chip span {
  color: var(--ua-muted);
  opacity: 0.8;
  font-variant-numeric: tabular-nums;
}
.ua-cat-chip:hover { color: var(--ua-accent); border-color: color-mix(in srgb, var(--ua-accent) 50%, var(--ua-line)); }
.ua-cat-chip.is-active {
  color: #1a1400;
  background: var(--ua-accent);
  border-color: var(--ua-accent);
  font-weight: 600;
}
.ua-cat-chip.is-active span { color: #1a1400; opacity: 0.75; }
a.ua-cat-chip,
a.ua-cat-top-row {
  cursor: pointer;
}
.ua-cat-by-cat { display: grid; gap: 1.25rem; }
.ua-cat-group-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.75rem;
  margin: 0 0 0.55rem;
}
.ua-cat-group-head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
}
.ua-cat-group-head a {
  margin-left: auto;
  color: var(--ua-accent);
  font-size: 0.82rem;
}
.ua-cat-sites { display: grid; gap: 0.55rem; }
.ua-cat-site {
  display: grid; grid-template-columns: 1.75rem auto 1fr auto; gap: 0.65rem; align-items: center;
  border: 1px solid var(--ua-line); border-radius: 8px; padding: 0.65rem 0.75rem;
  background: var(--ua-bg);
}
.ua-cat-site:hover { border-color: var(--ua-accent); }
.ua-cat-site .rank {
  color: var(--ua-muted);
  font-variant-numeric: tabular-nums;
  font-size: 0.85rem;
  text-align: right;
}
.ua-cat-site img { width: 28px; height: 28px; border-radius: 6px; background: #0002; }
.ua-cat-site .meta { min-width: 0; }
.ua-cat-site .name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ua-cat-site .domain { color: var(--ua-muted); font-size: 0.8rem; }
@media (max-width: 640px) {
  .ua-cat-site { grid-template-columns: 1.5rem auto 1fr; }
  .ua-cat-site .ua-cat-pills { grid-column: 2 / -1; justify-content: flex-start; }
}
.ua-cat-pills { display: flex; gap: 0.35rem; flex-wrap: wrap; justify-content: flex-end; }
.ua-pill {
  font-size: 0.72rem; border-radius: 999px; padding: 0.15rem 0.5rem;
  border: 1px solid var(--ua-line); color: var(--ua-muted); white-space: nowrap;
}
.ua-pill.score { color: var(--ua-accent); border-color: color-mix(in srgb, var(--ua-accent) 40%, var(--ua-line)); }
.ua-pill.ua { color: var(--ua-ua); }
.ua-pill.intl { color: var(--ua-intl); }
.ua-pill.ru { color: var(--ua-ru); }
.ua-pill.ok { color: var(--ua-ua); }
.ua-cat-top-list { display: grid; gap: 0.4rem; }
.ua-cat-top-row {
  display: grid; grid-template-columns: 1.5rem 1.5rem 1fr auto; gap: 0.55rem; align-items: center;
  padding: 0.4rem 0.35rem; border-bottom: 1px solid var(--ua-line); font-size: 0.9rem;
  border-radius: 6px; margin: 0 -0.15rem;
}
.ua-cat-top-row:last-child { border-bottom: 0; }
.ua-cat-top-row:hover { background: color-mix(in srgb, var(--ua-accent) 8%, transparent); }
.ua-cat-top-row.is-active {
  background: color-mix(in srgb, var(--ua-accent) 14%, var(--ua-bg));
  outline: 1px solid color-mix(in srgb, var(--ua-accent) 45%, var(--ua-line));
}
.ua-cat-top-row img {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: var(--ua-icon-tile);
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-cat-top-row .rank { color: var(--ua-muted); font-variant-numeric: tabular-nums; }
.ua-cat-top-row .cnt { color: var(--ua-muted); font-size: 0.8rem; text-align: right; }
.ua-cat-pager { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 1rem; align-items: center; color: var(--ua-muted); font-size: 0.85rem; }
.ua-cat-pager a { padding: 0.3rem 0.55rem; border: 1px solid var(--ua-line); border-radius: 6px; }
.ua-cat-note { margin-top: 1.5rem; color: var(--ua-muted); font-size: 0.8rem; line-height: 1.45; }
.ua-cat-footer {
  margin-top: 1.25rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--ua-line);
  display: flex;
  justify-content: flex-end;
}
.ua-cat .locale-mini {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  color: var(--ua-muted);
}
.ua-cat .locale-mini__link {
  color: var(--ua-muted);
  text-decoration: none;
  opacity: 0.72;
}
.ua-cat .locale-mini__link:hover { color: var(--ua-text); opacity: 1; }
.ua-cat .locale-mini__link.is-active {
  color: var(--ua-text);
  opacity: 1;
  font-weight: 600;
}
.ua-cat .locale-mini__sep { opacity: 0.45; user-select: none; }
.ua-site-hero { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; margin-bottom: 1.25rem; }
.ua-site-hero img.fav { width: 48px; height: 48px; border-radius: 10px; }
.ua-score-box {
  margin-left: auto; text-align: center; min-width: 7rem;
  background: var(--ua-panel); border: 1px solid var(--ua-line); border-radius: var(--ua-radius);
  padding: 0.85rem 1rem;
}
.ua-score-box .num { font-size: 2rem; font-weight: 700; color: var(--ua-accent); line-height: 1; }
.ua-score-box .lbl { color: var(--ua-muted); font-size: 0.75rem; margin-top: 0.35rem; }
.ua-score-box--pop .num { font-size: 1.45rem; }
.ua-pill--badge { font-weight: 600; letter-spacing: 0.01em; }
.ua-pill--top {
  background: rgba(40, 140, 80, 0.14);
  border-color: rgba(40, 140, 80, 0.45);
  color: #1f6b3a;
}
.ua-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
@media (max-width: 800px) { .ua-svc-grid { grid-template-columns: 1fr; } }
.ua-svc-list { display: grid; gap: 0.45rem; }
.ua-svc-item {
  display: grid; grid-template-columns: 24px 1fr; gap: 0.55rem; align-items: start;
  padding: 0.45rem 0; border-bottom: 1px solid var(--ua-line); font-size: 0.9rem;
}
a.ua-svc-item:hover { color: var(--ua-accent); }
a.ua-svc-item .more {
  margin-top: 0.15rem; color: var(--ua-muted); font-size: 0.72rem;
}
a.ua-svc-item:hover .more { color: var(--ua-accent); }
.ua-svc-item img {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: var(--ua-icon-tile);
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-svc-item .cat { color: var(--ua-muted); font-size: 0.75rem; }
.ua-empty { color: var(--ua-muted); font-size: 0.9rem; padding: 0.5rem 0; }
.ua-back { color: var(--ua-muted); font-size: 0.9rem; display: inline-block; margin-bottom: 1rem; }
.ua-cat .btn {
  background: transparent; border: 1px solid var(--ua-line); color: var(--ua-muted);
  border-radius: 8px; padding: 0.35rem 0.65rem; font: inherit; cursor: pointer;
}
.ua-cat .theme-toggle {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  border: 1px solid var(--ua-line);
  background: transparent;
  color: var(--ua-muted);
  cursor: pointer;
  flex-shrink: 0;
}
.ua-cat .theme-toggle:hover {
  color: var(--ua-text);
  border-color: var(--ua-accent);
}
.ua-cat .theme-toggle-ico { display: block; }
html[data-theme="dark"] .ua-cat .theme-toggle-ico--moon { display: none; }
html[data-theme="light"] .ua-cat .theme-toggle-ico--sun { display: none; }
.ua-cat .theme-toggle-label-light,
.ua-cat .theme-toggle-label-dark { display: none !important; }
/* Brand icons: light tile (dark SI marks) works in both themes */
.ua-cat img[src*="simple-icons"] {
  background: var(--ua-icon-tile);
}
.ua-cat-nav a.is-current { color: var(--ua-accent); font-weight: 600; }
.ua-cat-lead a { color: var(--ua-accent); margin-left: 0.35rem; }
.ua-svc-cat-table-wrap { overflow-x: auto; }
.ua-svc-cat-table {
  width: 100%; border-collapse: collapse; font-size: 0.92rem;
}
.ua-svc-cat-table th,
.ua-svc-cat-table td {
  text-align: left; padding: 0.65rem 0.55rem;
  border-bottom: 1px solid var(--ua-line); vertical-align: top;
}
.ua-svc-cat-table th { color: var(--ua-muted); font-weight: 600; font-size: 0.78rem; }
.ua-svc-cat-table th.num,
.ua-svc-cat-table td.num { text-align: right; white-space: nowrap; }
.ua-svc-cat-table td.muted { color: var(--ua-muted); }
.ua-svc-cat-name { font-weight: 600; }
.ua-cmp-search { display: block; margin: 0 0 0.85rem; }
.ua-cmp-search input {
  width: min(100%, 22rem);
  border: 1px solid var(--ua-line);
  background: var(--ua-panel, transparent);
  color: inherit;
  border-radius: 8px;
  padding: 0.45rem 0.7rem;
  font: inherit;
}
.ua-cmp-table { min-width: 52rem; }
.ua-cmp-table th.col-ru { color: var(--ua-ru); }
.ua-cmp-table th.col-ua { color: var(--ua-ua); }
.ua-cmp-table th.col-intl { color: var(--ua-intl); }
.ua-cmp-cat { width: 11rem; }
.ua-cmp-counts { display: flex; gap: 0.3rem; margin-top: 0.35rem; flex-wrap: wrap; }
.ua-cmp-counts .ua-pill { font-size: 0.72rem; }
.ua-cmp-chips { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.ua-cmp-chip, .ua-cmp-more {
  display: inline-flex; align-items: center; gap: 0.28rem;
  max-width: 100%;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  border: 1px solid var(--ua-line);
  font-size: 0.78rem;
  line-height: 1.3;
  text-decoration: none;
  color: inherit;
  background: color-mix(in srgb, var(--ua-line) 35%, transparent);
}
.ua-cmp-chip img { width: 16px; height: 16px; border-radius: 3px; object-fit: contain; flex: none; }
.ua-cmp-chip.is-strong { border-color: color-mix(in srgb, var(--ua-ua) 55%, var(--ua-line)); }
.ua-cmp-chip:hover, .ua-cmp-more:hover { border-color: var(--ua-accent); color: var(--ua-accent); }
.ua-cmp-more { color: var(--ua-muted); font-weight: 600; }
.ua-cmp-empty { color: var(--ua-muted); }
.visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.ua-svc-cat-table tr:hover td { background: color-mix(in srgb, var(--ua-accent) 6%, transparent); }
.ua-svc-analog-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
}
@media (max-width: 900px) {
  .ua-svc-analog-grid { grid-template-columns: 1fr; }
}
.ua-muted-count { color: var(--ua-muted); font-weight: 500; }
.ua-svc-item-name { font-weight: 600; }
.ua-svc-item--link { text-decoration: none; }
.ua-svc-cat-group { margin-bottom: 0.75rem; }
.ua-svc-cat-group-title {
  display: block; font-size: 0.72rem; font-weight: 600;
  letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--ua-muted); margin: 0.35rem 0 0.25rem;
}
.ua-svc-cat-group-title:hover { color: var(--ua-accent); }
.ua-tech-tops {
  margin: 0 0 1.5rem;
  padding: 1rem 1.1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--ua-accent) 35%, var(--ua-line));
  border-radius: var(--ua-radius);
  background: color-mix(in srgb, var(--ua-accent) 7%, var(--ua-panel));
}
.ua-tech-tops-head {
  margin-bottom: 0.85rem;
}
.ua-tech-tops-head h2 {
  margin: 0 0 0.25rem;
  font-size: 1.15rem;
  font-weight: 650;
}
.ua-tech-tops-head p {
  margin: 0;
  color: var(--ua-muted);
  font-size: 0.86rem;
  line-height: 1.4;
}
.ua-tech-tops-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.ua-tech-tops-grid--langs {
  grid-template-columns: 1fr;
  max-width: 36rem;
}
.ua-lang-coverage {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--ua-line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--ua-card) 92%, var(--ua-muted));
}
.ua-lang-coverage__bar {
  display: flex; height: 0.55rem; border-radius: 999px; overflow: hidden;
  background: color-mix(in srgb, var(--ua-muted) 16%, transparent);
  margin-bottom: 0.55rem;
}
.ua-lang-coverage__known { background: color-mix(in srgb, var(--ua-ua) 80%, #1a6b8a); }
.ua-lang-coverage__unknown { background: color-mix(in srgb, var(--ua-muted) 55%, #c4a35a); }
.ua-lang-coverage__pending { background: color-mix(in srgb, var(--ua-muted) 35%, transparent); }
.ua-lang-coverage__stat--pending strong { color: var(--ua-muted); }
.ua-lang-coverage__sub {
  margin: 0 0 0.4rem; font-size: 0.74rem; color: var(--ua-muted);
}
.ua-lang-coverage__stats {
  display: flex; flex-wrap: wrap; gap: 0.55rem 1.1rem;
  align-items: baseline; font-size: 0.82rem; margin-bottom: 0.45rem;
}
.ua-lang-coverage__stat strong { font-weight: 750; margin-right: 0.25rem; }
.ua-lang-coverage__stat--known strong { color: color-mix(in srgb, var(--ua-ua) 70%, #0b3b2e); }
.ua-lang-coverage__stat--unknown strong { color: #9a6b16; }
.ua-lang-coverage__stat em,
.ua-lang-coverage__reasons em {
  font-style: normal; color: var(--ua-muted); font-size: 0.9em;
}
.ua-lang-coverage__base { color: var(--ua-muted); font-size: 0.78rem; }
.ua-lang-coverage__why {
  margin: 0 0 0.45rem; font-size: 0.78rem; line-height: 1.4; color: var(--ua-muted);
}
.ua-lang-coverage__reasons {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 0.2rem;
  font-size: 0.76rem; color: var(--ua-text);
}
.ua-lang-coverage__reasons strong {
  display: inline-block; min-width: 2.4rem;
  font-variant-numeric: tabular-nums; color: #9a6b16;
}
.ua-cat-top-row--unknown .ua-lang-unknown-dot {
  width: 22px; height: 22px; border-radius: 6px;
  background: color-mix(in srgb, #c4a35a 45%, var(--ua-icon-tile));
  border: 1px dashed color-mix(in srgb, #c4a35a 70%, var(--ua-line));
}
.ua-cat-top-row--unknown { opacity: 0.92; }
@media (max-width: 800px) {
  .ua-tech-tops-grid { grid-template-columns: 1fr; }
}
.ua-cms-ver-label--cms {
  display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0;
}
.ua-cms-ver-label--cms img { flex: 0 0 16px; border-radius: 3px; }
.ua-cms-ver-label--cms a { color: inherit; text-decoration: none; font-weight: 700; }
.ua-cms-ver-label--cms a:hover { color: var(--ua-accent); }
.ua-cms-kpis--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 640px) {
  .ua-cms-kpis--3 { grid-template-columns: 1fr; }
}
.ua-tech-tops-panel {
  margin: 0;
  max-height: 28rem;
  overflow: auto;
}
.ua-tech-tops-panel h3 {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 650;
}
.ua-cat-top-row--static {
  cursor: default;
}
.ua-cat-top-row--static:hover {
  background: transparent;
}
.ua-strong-ua {
  margin: 0 0 1.25rem;
  padding: 0.9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--ua-ua) 40%, var(--ua-line));
  border-radius: var(--ua-radius);
  background: color-mix(in srgb, var(--ua-ua) 8%, var(--ua-panel));
}
.ua-strong-ua--empty {
  border-color: var(--ua-line);
  background: var(--ua-panel);
}
.ua-strong-ua--empty p {
  margin: 0;
  color: var(--ua-muted);
  font-size: 0.86rem;
}
.ua-strong-ua-head h2 {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 650;
}
.ua-strong-ua-head p {
  margin: 0 0 0.75rem;
  color: var(--ua-muted);
  font-size: 0.86rem;
  line-height: 1.4;
}
.ua-strong-ua-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.ua-strong-ua-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--ua-line);
  border-radius: 8px;
  background: var(--ua-bg);
  font-size: 0.86rem;
}
.ua-strong-ua-item img {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: var(--ua-icon-tile);
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-strong-ua-item .name { font-weight: 600; }
.ua-strong-ua-item .cnt {
  color: var(--ua-muted);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}
.ua-strong-ua-item--static { cursor: default; }
.ua-svc-item.is-strong-ua {
  background: color-mix(in srgb, var(--ua-ua) 7%, transparent);
  border-radius: 6px;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
.ua-svc-item-name .ua-pill { margin-left: 0.35rem; vertical-align: middle; }
.ua-svc-filter-analogs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  margin-top: 0.55rem;
}
.ua-svc-filter-analogs-label {
  color: var(--ua-muted);
  font-size: 0.78rem;
  width: 100%;
}
.ua-site-analog-block { margin-bottom: 0.75rem; }
.ua-site-analog-block:last-child { margin-bottom: 0; }

.ua-site-overview h3 {
  font-size: 0.92rem;
  margin: 1rem 0 0.45rem;
  font-weight: 600;
}
.ua-ov-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 1rem;
}
.ua-ov-item { min-width: 0; }
.ua-ov-k {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ua-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.2rem;
}
.ua-ov-v {
  font-size: 0.92rem;
  word-break: break-word;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  align-items: center;
}
.ua-ov-prov img {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--ua-icon-tile);
  padding: 2px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-ov-v .muted, .ua-site-overview .muted { color: var(--ua-muted); font-size: 0.78rem; font-weight: 500; }
.ua-pill-cf {
  background: color-mix(in srgb, #f6821f 22%, transparent);
  color: #ffb26b;
  border: 1px solid color-mix(in srgb, #f6821f 40%, transparent);
  font-size: 0.72rem;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-weight: 600;
}
html[data-theme="light"] .ua-pill-cf { color: #c45a00; }
.ua-ov-section { margin-top: 0.35rem; }
.ua-contact-surface { margin-top: 0.85rem; padding-top: 0.65rem; border-top: 1px solid var(--ua-border, rgba(0,0,0,.08)); }
.ua-email-list {
  list-style: none;
  margin: 0.45rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}
.ua-email-list code {
  font-size: 0.82rem;
  color: var(--ua-muted);
}
.ua-tech-chip--ru {
  border-color: rgba(180, 40, 40, 0.35);
  color: #a33;
}
.ua-tech-chip--ok {
  border-color: rgba(40, 140, 80, 0.35);
  color: #2a7a45;
}
.ua-tech-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ua-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.6rem 0.3rem 0.35rem;
  border: 1px solid var(--ua-line);
  border-radius: 999px;
  font-size: 0.82rem;
  color: var(--ua-text);
  background: var(--ua-card);
}
.ua-tech-chip img {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: var(--ua-icon-tile);
  padding: 1px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-tech-chip em {
  font-style: normal;
  color: var(--ua-muted);
  font-size: 0.72rem;
}
.ua-sub-list {
  list-style: none;
  margin: 0.35rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem 1rem;
  max-height: 22rem;
  overflow: auto;
}
.ua-sub-list li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: baseline;
  font-size: 0.84rem;
  padding: 0.15rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ua-line, #d7dde3) 55%, transparent);
}
.ua-sub-list a { color: inherit; text-decoration: none; word-break: break-all; }
.ua-sub-list a:hover { text-decoration: underline; }
@media (max-width: 720px) {
  .ua-ov-grid, .ua-sub-list { grid-template-columns: 1fr; }
}

.ua-infra .infra-cards,
.ua-site-infra .infra-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.35rem;
}
.ua-infra .infra-card,
.ua-site-infra .infra-card {
  border: 1px solid var(--ua-line, #d7dde3);
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  background: var(--ua-card, transparent);
}
.ua-infra .infra-card__role,
.ua-site-infra .infra-card__role {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ua-muted);
  margin-bottom: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ua-infra .infra-card__main,
.ua-site-infra .infra-card__main {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
}
.ua-infra .infra-card__fav,
.ua-site-infra .infra-card__fav {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  flex-shrink: 0;
  background: var(--ua-icon-tile);
  padding: 3px;
  box-sizing: border-box;
  object-fit: contain;
}
.ua-infra .infra-card__name,
.ua-site-infra .infra-card__name {
  font-weight: 600;
  font-size: 0.95rem;
  color: inherit;
  text-decoration: none;
}
.ua-infra .infra-card__meta,
.ua-site-infra .infra-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  margin-top: 0.25rem;
  font-size: 0.78rem;
  align-items: center;
}
.ua-infra .infra-region,
.ua-site-infra .infra-region {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.72rem;
}
.ua-infra .infra-region--ua,
.ua-site-infra .infra-region--ua {
  background: color-mix(in srgb, var(--ua-ua) 18%, transparent);
  color: var(--ua-ua);
}
.ua-infra .infra-region--ru,
.ua-site-infra .infra-region--ru {
  background: color-mix(in srgb, var(--ua-ru) 18%, transparent);
  color: var(--ua-ru);
}
.ua-infra .infra-region--world,
.ua-site-infra .infra-region--world {
  background: color-mix(in srgb, var(--ua-muted) 20%, transparent);
  color: var(--ua-muted);
}
.ua-infra .infra-raw,
.ua-site-infra .infra-raw {
  margin-top: 0.65rem;
  font-size: 0.78rem;
  line-height: 1.45;
  word-break: break-all;
  color: var(--ua-muted);
}
@media (max-width: 640px) {
  .ua-infra .infra-cards,
  .ua-site-infra .infra-cards { grid-template-columns: 1fr; }
}

/* CMS detail + top meta */
.ua-cms-flag-inline { margin-right: 0.15rem; }
.ua-cms-page .ua-cms-panel { margin: 0.7rem 0; padding: 0.85rem 0.95rem; }
.ua-cms-page .ua-cms-panel h2 { margin: 0 0 0.5rem; font-size: 0.95rem; }
.ua-cms-page .ua-top-hint { margin: 0.15rem 0 0.5rem; font-size: 0.75rem; }
.ua-cms-hint { margin-top: 0.3rem !important; margin-bottom: 0.75rem !important; }
.ua-cms-hero {
  display: flex; gap: 0.85rem; align-items: flex-start;
  margin: 0.35rem 0 0.85rem;
}
.ua-cms-hero__icon {
  width: 48px; height: 48px; flex: 0 0 48px;
  border-radius: 10px; padding: 5px;
  background: var(--ua-icon-tile); object-fit: contain;
}
.ua-cms-hero__text { min-width: 0; flex: 1; }
.ua-cms-hero h1 {
  display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap;
  font-size: clamp(1.4rem, 2.8vw, 1.85rem); margin: 0 0 0.3rem;
}
.ua-cms-flag { font-size: 1.1em; line-height: 1; }
.ua-cms-hero__lead { margin-bottom: 0.5rem; font-size: 0.92rem; line-height: 1.4; }
.ua-cms-meta-line {
  display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center;
}
.ua-cms-chip {
  display: inline-flex; align-items: center;
  padding: 0.16rem 0.48rem; border-radius: 999px;
  font-size: 0.72rem; font-weight: 500;
  border: 1px solid var(--ua-line);
  background: var(--ua-card); color: var(--ua-muted);
}
a.ua-cms-chip--link { color: var(--ua-intl); text-decoration: none; }
a.ua-cms-chip--link:hover { color: var(--ua-accent); }
.ua-cms-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ua-cms-badge {
  display: inline-flex; align-items: center;
  padding: 0.2rem 0.55rem; border-radius: 999px;
  font-size: 0.72rem; font-weight: 600;
  border: 1px solid var(--ua-line);
  background: var(--ua-card); color: var(--ua-muted);
}
.ua-cms-badge--oss {
  color: var(--ua-ua);
  border-color: color-mix(in srgb, var(--ua-ua) 45%, var(--ua-line));
  background: color-mix(in srgb, var(--ua-ua) 12%, transparent);
}
.ua-cms-badge--prop {
  color: var(--ua-accent);
  border-color: color-mix(in srgb, var(--ua-accent) 40%, var(--ua-line));
  background: color-mix(in srgb, var(--ua-accent) 10%, transparent);
}
.ua-cms-kpis {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem; margin: 0 0 0.35rem;
}
.ua-cms-kpis--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .ua-cms-kpis--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .ua-cms-kpis, .ua-cms-kpis--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ua-cms-kpi {
  background: var(--ua-panel); border: 1px solid var(--ua-line);
  border-radius: var(--ua-radius); padding: 0.65rem 0.75rem;
}
.ua-cms-kpi strong {
  display: block; font-size: 1.15rem; font-weight: 700;
  letter-spacing: -0.02em; margin-bottom: 0.12rem;
}
.ua-cms-kpi span { color: var(--ua-muted); font-size: 0.72rem; line-height: 1.3; }
.ua-cms-panel {
  background: var(--ua-panel); border: 1px solid var(--ua-line);
  border-radius: var(--ua-radius); padding: 1rem 1.1rem;
  margin: 1rem 0;
}
.ua-cms-panel h2 { font-size: 1.05rem; margin: 0 0 0.75rem; }
.ua-cms-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  margin: 0.7rem 0;
}
.ua-cms-split > .ua-cms-panel { margin: 0; }
@media (max-width: 800px) {
  .ua-cms-split { grid-template-columns: 1fr; }
}
.ua-cms-cat-bars { display: flex; flex-direction: column; gap: 0.35rem; }
.ua-cms-cat-bar {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(3rem, 1fr) 3rem 2.4rem;
  gap: 0.4rem;
  align-items: center;
  font-size: 0.78rem;
}
.ua-cms-cat-bar__label {
  min-width: 0; font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ua-cms-cat-bar__track {
  height: 0.35rem; border-radius: 999px;
  background: color-mix(in srgb, var(--ua-muted) 18%, transparent);
  overflow: hidden;
}
.ua-cms-cat-bar__track > span {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--ua-intl), var(--ua-ua));
}
.ua-cms-cat-bar__pct {
  text-align: right; font-weight: 600; font-variant-numeric: tabular-nums;
}
.ua-cms-cat-bar__n {
  text-align: right; color: var(--ua-muted); font-variant-numeric: tabular-nums;
}
.ua-cms-versions--chart { display: flex; flex-direction: column; gap: 0.28rem; }
.ua-cms-ver-row--chart,
.ua-cms-versions--chart .ua-cms-ver-row--head {
  display: grid;
  grid-template-columns: 4.6rem minmax(0, 1fr) 3.4rem 3.6rem;
  gap: 0.45rem 0.65rem;
  align-items: center;
  font-size: 0.8rem;
}
.ua-cms-versions--chart .ua-cms-ver-row--head {
  color: var(--ua-muted); font-size: 0.68rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.04em;
  padding: 0 0 0.25rem; margin: 0 0 0.15rem;
  border-bottom: 1px solid var(--ua-line);
}
.ua-cms-versions--chart .ua-cms-ver-row--head span:nth-child(3),
.ua-cms-versions--chart .ua-cms-ver-row--head span:nth-child(4) {
  text-align: right;
}
.ua-cms-ver-row--chart {
  padding: 0.22rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ua-line) 55%, transparent);
}
.ua-cms-ver-row--chart:last-of-type { border-bottom: 0; }
.ua-cms-ver-row--chart .ua-cms-ver-label {
  font-variant-numeric: tabular-nums;
  font-weight: 700; font-size: 0.84rem;
}
.ua-cms-ver-track {
  position: relative;
  height: 1.35rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ua-muted) 12%, transparent);
  overflow: hidden;
}
.ua-cms-ver-bar {
  display: flex; align-items: center;
  height: 100%; min-width: 0;
  border-radius: inherit;
  transition: width 0.25s ease;
}
.ua-cms-ver-bar--ok {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--ua-ua) 75%, #1a6b8a),
    color-mix(in srgb, var(--ua-intl) 70%, var(--ua-ua)));
}
.ua-cms-ver-bar--low {
  background: linear-gradient(90deg, #c48912, #e0a93a);
}
.ua-cms-ver-bar--mid {
  background: linear-gradient(90deg, #c45a12, #e07a2a);
}
.ua-cms-ver-bar--high {
  background: linear-gradient(90deg, #b42318, #d6453d);
}
.ua-cms-ver-bar__pct {
  padding: 0 0.45rem;
  font-size: 0.68rem; font-weight: 700;
  color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.25);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.ua-cms-ver-meta {
  display: flex; flex-direction: column; align-items: flex-end; gap: 0.05rem;
  font-variant-numeric: tabular-nums; line-height: 1.15;
}
.ua-cms-ver-meta strong {
  font-size: 0.82rem; font-weight: 700; color: var(--ua-text);
}
.ua-cms-ver-meta .ua-cms-ago { font-size: 0.62rem; }
.ua-cms-ver-vulns {
  display: inline-flex; align-items: center;
  justify-content: flex-end; min-width: 3.2rem;
}
.ua-cms-ver-vulns--empty { color: var(--ua-muted); justify-content: flex-end; }
.ua-cms-sev-pair {
  display: inline-flex; align-items: baseline; gap: 0.12rem;
  font-variant-numeric: tabular-nums; font-weight: 700; font-size: 0.84rem;
  line-height: 1;
}
.ua-cms-sev-slash { color: var(--ua-muted); font-weight: 600; }
.ua-cms-sev-num--red { color: #c42318; }
.ua-cms-sev-num--yellow { color: #c48912; }
.ua-cms-sev-legend {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem;
  margin-top: 0.55rem; font-size: 0.68rem; color: var(--ua-muted);
}
.ua-cms-sev-pair--legend { font-size: 0.7rem; }
@media (max-width: 640px) {
  .ua-cms-ver-row--chart,
  .ua-cms-versions--chart .ua-cms-ver-row--head {
    grid-template-columns: 3.8rem minmax(0, 1fr) 2.8rem 3.2rem;
    gap: 0.3rem 0.4rem; font-size: 0.74rem;
  }
  .ua-cms-ver-track { height: 1.2rem; }
  .ua-cms-ver-bar__pct { font-size: 0.62rem; padding: 0 0.3rem; }
}
.ua-cms-plugin-row__desc { -webkit-line-clamp: 1 !important; }
.ua-cms-famous-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}
@media (max-width: 800px) {
  .ua-cms-famous-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .ua-cms-famous-grid { grid-template-columns: 1fr; }
}
.ua-cms-famous-card {
  display: flex; align-items: center; gap: 0.55rem;
  min-width: 0;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--ua-line);
  border-radius: 8px;
  background: var(--ua-card);
  color: inherit;
  text-decoration: none;
}
a.ua-cms-famous-card:hover {
  border-color: color-mix(in srgb, var(--ua-accent) 55%, var(--ua-line));
}
.ua-cms-famous-card img {
  width: 22px; height: 22px; border-radius: 5px;
  background: var(--ua-icon-tile); object-fit: contain; flex: 0 0 22px;
}
.ua-cms-famous-card strong {
  display: block; font-size: 0.82rem; line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ua-cms-famous-card .domain {
  display: block; font-size: 0.7rem; color: var(--ua-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ua-cms-plugins { display: flex; flex-direction: column; gap: 0.35rem; }
.ua-cms-plugin-row {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1.4fr) minmax(3.5rem, 1fr) 3.4rem;
  gap: 0.45rem 0.55rem;
  align-items: center;
  padding: 0.35rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--ua-line) 70%, transparent);
  font-size: 0.8rem;
}
.ua-cms-plugin-row:last-child { border-bottom: 0; }
.ua-cms-plugin-row__icon {
  width: 20px; height: 20px; border-radius: 4px;
  background: var(--ua-icon-tile); object-fit: contain;
}
.ua-cms-plugin-row__icon--empty {
  display: block; background: color-mix(in srgb, var(--ua-muted) 16%, transparent);
}
.ua-cms-plugin-row__main { min-width: 0; }
.ua-cms-plugin-row__name {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem;
  font-weight: 600; line-height: 1.25;
}
.ua-cms-plugin-row__name a { color: var(--ua-intl); }
.ua-cms-plugin-row__tag {
  font-size: 0.66rem; font-weight: 500; color: var(--ua-muted);
  text-transform: lowercase;
}
.ua-cms-plugin-row__desc {
  margin: 0.12rem 0 0;
  font-size: 0.72rem; line-height: 1.3; color: var(--ua-muted);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.ua-cms-plugin-row__bar {
  height: 0.35rem; border-radius: 999px;
  background: color-mix(in srgb, var(--ua-muted) 18%, transparent);
  overflow: hidden;
}
.ua-cms-plugin-row__bar > span {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--ua-intl), var(--ua-ua));
}
.ua-cms-plugin-row__cnt {
  text-align: right; font-weight: 600; font-variant-numeric: tabular-nums;
  color: var(--ua-text); white-space: nowrap;
}
@media (max-width: 640px) {
  .ua-cms-plugin-row {
    grid-template-columns: 1.25rem minmax(0, 1fr) 3rem;
    grid-template-areas:
      "icon main cnt"
      "icon bar  bar";
  }
  .ua-cms-plugin-row__icon { grid-area: icon; }
  .ua-cms-plugin-row__main { grid-area: main; }
  .ua-cms-plugin-row__bar { grid-area: bar; }
  .ua-cms-plugin-row__cnt { grid-area: cnt; align-self: start; }
  .ua-cms-plugin-row__desc { -webkit-line-clamp: 2; }
}
.ua-cms-versions { display: flex; flex-direction: column; gap: 0.45rem; }
.ua-cms-ver-row {
  display: grid; grid-template-columns: 5.5rem 1fr 7.5rem 5.8rem;
  gap: 0.55rem; align-items: center; font-size: 0.82rem;
}
.ua-cms-ver-row--head {
  color: var(--ua-muted); font-size: 0.72rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.04em;
  padding-bottom: 0.2rem; border-bottom: 1px solid var(--ua-line);
  margin-bottom: 0.15rem;
}
.ua-cms-ver-label { color: var(--ua-text); font-weight: 600; }
/* Legacy thin track (non-chart lists) */
.ua-cms-versions:not(.ua-cms-versions--chart) .ua-cms-ver-bar {
  height: 0.45rem; border-radius: 999px;
  background: color-mix(in srgb, var(--ua-muted) 18%, transparent);
  overflow: hidden;
}
.ua-cms-versions:not(.ua-cms-versions--chart) .ua-cms-ver-bar > span {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--ua-intl), var(--ua-ua));
}
.ua-cms-ver-date { color: var(--ua-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ua-cms-ago {
  font-style: normal; font-weight: 500;
  color: color-mix(in srgb, var(--ua-muted) 88%, var(--ua-text));
  white-space: nowrap;
}
.ua-cms-kpi .ua-cms-ago { font-size: 0.9em; }
.ua-cms-ver-date .ua-cms-ago {
  display: block; font-size: 0.7rem; margin-top: 0.1rem; opacity: 0.9;
}
.ua-cms-ver-cnt { text-align: right; color: var(--ua-muted); font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  .ua-cms-ver-row { grid-template-columns: 4.2rem 1fr 5.2rem 4.8rem; font-size: 0.74rem; }
}
.ua-cms-cat-block { margin-top: 1rem; }
.ua-cms-cat-block:first-of-type { margin-top: 0.25rem; }
.ua-cms-cat-block h3 {
  display: flex; align-items: baseline; gap: 0.5rem;
  font-size: 0.95rem; margin: 0 0 0.5rem;
}
.ua-cms-cat-count {
  font-size: 0.75rem; font-weight: 600; color: var(--ua-muted);
  padding: 0.1rem 0.45rem; border-radius: 999px;
  border: 1px solid var(--ua-line);
}
.ua-cms-site-list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
}
@media (max-width: 640px) {
  .ua-cms-site-list { grid-template-columns: 1fr; }
  .ua-cms-ver-row { grid-template-columns: 4.5rem 1fr 4.8rem; }
}
.ua-cms-site {
  display: flex; align-items: center; gap: 0.55rem;
  padding: 0.45rem 0.55rem; border-radius: 8px;
  border: 1px solid var(--ua-line); background: var(--ua-card);
  min-width: 0;
}
.ua-cms-site:hover { border-color: color-mix(in srgb, var(--ua-accent) 55%, var(--ua-line)); }
.ua-cms-site img {
  width: 20px; height: 20px; border-radius: 4px;
  background: var(--ua-icon-tile); object-fit: contain; flex: 0 0 20px;
}
.ua-cms-site strong { display: block; font-size: 0.84rem; line-height: 1.25; }
.ua-cms-site .domain { display: block; font-size: 0.72rem; color: var(--ua-muted); }

/* Hosting geo (country-scoped infra) */
.ua-geo-kicker {
  margin: 0 0 0.35rem; font-size: 0.75rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--ua-muted);
}
.ua-geo-meta, .ua-geo-foot, .ua-geo-dyn-note {
  color: var(--ua-muted); font-size: 0.88rem; line-height: 1.45;
}
.ua-geo-empty {
  margin: 1.5rem 0; padding: 1.25rem 1.1rem; border-radius: var(--ua-radius);
  border: 1px dashed var(--ua-line); color: var(--ua-muted);
}
.ua-geo-section { margin: 2rem 0 1.25rem; }
.ua-geo-section h2 {
  margin: 0 0 0.85rem; font-size: 1.15rem; font-weight: 600;
}
.ua-geo-regions {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem;
}
@media (max-width: 720px) {
  .ua-geo-regions { grid-template-columns: 1fr 1fr; }
}
.ua-geo-region {
  padding: 0.75rem 0.85rem; border-radius: var(--ua-radius);
  border: 1px solid var(--ua-line); background: var(--ua-panel);
}
.ua-geo-region-top {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 0.5rem; margin-bottom: 0.45rem; font-size: 0.88rem;
}
.ua-geo-region-pct { margin-top: 0.35rem; font-size: 0.78rem; color: var(--ua-muted); }
.ua-geo-bar {
  height: 0.45rem; border-radius: 999px;
  background: color-mix(in srgb, var(--ua-muted) 18%, transparent);
  overflow: hidden;
}
.ua-geo-bar > i {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--ua-intl), var(--ua-ua));
}
.ua-geo-region--ua .ua-geo-bar > i { background: var(--ua-ua); }
.ua-geo-region--ru .ua-geo-bar > i { background: var(--ua-ru); }
.ua-geo-region--world .ua-geo-bar > i { background: var(--ua-intl); }
.ua-geo-countries { display: flex; flex-direction: column; gap: 0.65rem; }
.ua-geo-country-lab {
  display: flex; align-items: baseline; gap: 0.55rem; font-size: 0.88rem;
  margin-bottom: 0.28rem;
}
.ua-geo-country-lab strong { margin-left: auto; font-variant-numeric: tabular-nums; }
.ua-geo-flag {
  font-size: 1.05em;
  line-height: 1;
  flex-shrink: 0;
}
.ua-geo-flag--sm { font-size: 0.95em; }
.ua-geo-prov-ico {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: contain;
  background: var(--ua-icon-tile);
  flex-shrink: 0;
}
.ua-geo-prov-ico--empty {
  display: inline-block;
  background: var(--ua-line);
  opacity: 0.45;
}
.ua-geo-cc {
  display: inline-flex; min-width: 1.8rem; font-weight: 700; font-size: 0.75rem;
  color: var(--ua-accent);
}
.ua-geo-country-n { margin-top: 0.25rem; font-size: 0.75rem; color: var(--ua-muted); }
.ua-geo-prov-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 2rem;
  align-items: start;
}
@media (max-width: 820px) {
  .ua-geo-prov-grid { grid-template-columns: 1fr; }
}
.ua-geo-section-note {
  margin: -0.35rem 0 0.85rem;
  font-size: 0.82rem;
  color: var(--ua-muted);
  line-height: 1.45;
}
.ua-geo-h3 {
  margin: 1rem 0 0.55rem;
  font-size: 0.92rem;
  font-weight: 600;
}
.ua-geo-regions--compact {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 0.85rem;
}
.ua-geo-providers { display: flex; flex-direction: column; gap: 0.4rem; }
.ua-geo-providers--wide { max-width: 640px; }
.ua-geo-prov {
  display: grid; grid-template-columns: 1.6rem 22px 1fr auto; gap: 0.55rem;
  align-items: center; padding: 0.55rem 0.65rem;
  border: 1px solid var(--ua-line); border-radius: 8px; background: var(--ua-card);
}
.ua-geo-country-lab { align-items: center; }
.ua-geo-prov .rank { color: var(--ua-muted); font-variant-numeric: tabular-nums; }
.ua-geo-prov .name { font-weight: 600; font-size: 0.9rem; }
.ua-geo-prov .domain { font-size: 0.75rem; color: var(--ua-muted); }
.ua-geo-prov-n {
  text-align: right; font-weight: 600; font-variant-numeric: tabular-nums;
}
.ua-geo-prov-n span { display: block; font-weight: 500; font-size: 0.75rem; color: var(--ua-muted); }
.ua-geo-chart {
  margin: 0.75rem 0 1rem; padding: 0.75rem; border-radius: var(--ua-radius);
  border: 1px solid var(--ua-line); background: var(--ua-panel); overflow-x: auto;
}
.ua-geo-chart canvas { display: block; width: 100%; height: auto; max-width: 960px; }
.ua-geo-series-table { overflow-x: auto; }
.ua-geo-series-table table {
  width: 100%; border-collapse: collapse; font-size: 0.84rem;
}
.ua-mkt-layers {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem;
  margin: 1rem 0 1.25rem;
}
@media (max-width: 720px) {
  .ua-mkt-layers { grid-template-columns: 1fr; }
}
.ua-mkt-layer {
  display: flex; flex-direction: column; gap: 0.15rem;
  padding: 0.85rem 0.95rem; border-radius: var(--ua-radius);
  border: 1px solid var(--ua-line); background: var(--ua-panel);
  text-decoration: none; color: inherit;
}
.ua-mkt-layer strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.ua-mkt-layer span:last-child { color: var(--ua-muted); font-size: 0.78rem; line-height: 1.35; }
.ua-mkt-layer-k {
  font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ua-muted);
}
.ua-mkt-layer.is-current { border-color: color-mix(in srgb, var(--ua-ua) 55%, var(--ua-line)); }
.ua-mkt-stack {
  display: flex; height: 14px; border-radius: 99px; overflow: hidden; background: var(--ua-line);
}
.ua-mkt-stack > i { display: block; height: 100%; }
.ua-mkt-stack-cms, .ua-mkt-legend .ua-mkt-stack-cms { background: var(--ua-ua); }
.ua-mkt-stack-none, .ua-mkt-legend .ua-mkt-stack-none { background: color-mix(in srgb, var(--ua-muted) 45%, transparent); }
.ua-mkt-stack-unk, .ua-mkt-legend .ua-mkt-stack-unk { background: #c4a35a; }
.ua-mkt-stack-oss, .ua-mkt-legend .ua-mkt-stack-oss { background: #1a6b8a; }
.ua-mkt-stack-prop, .ua-mkt-legend .ua-mkt-stack-prop { background: #6b4c9a; }
.ua-mkt-legend {
  display: flex; flex-wrap: wrap; gap: 0.75rem 1.1rem;
  margin-top: 0.55rem; font-size: 0.78rem; color: var(--ua-muted);
}
.ua-mkt-legend i {
  display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 2px; margin-right: 0.3rem; vertical-align: -1px;
}
a.ua-mkt-prov { text-decoration: none; color: inherit; }
a.ua-mkt-prov:hover { border-color: color-mix(in srgb, var(--ua-ua) 40%, var(--ua-line)); }
.ua-mkt-track {
  margin-top: 0.35rem; height: 6px; border-radius: 99px; background: var(--ua-line); overflow: hidden;
}
.ua-mkt-track > i { display: block; height: 100%; background: var(--ua-ua); }
.ua-mkt-versions, .ua-mkt-bridge {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem;
}
@media (max-width: 820px) {
  .ua-mkt-versions, .ua-mkt-bridge { grid-template-columns: 1fr; }
}
.ua-mkt-ver {
  display: grid; grid-template-columns: 5.5rem 1fr auto; gap: 0.4rem; align-items: center;
  margin-top: 0.4rem; font-size: 0.75rem;
}
.ua-mkt-ver em { font-style: normal; color: var(--ua-muted); font-variant-numeric: tabular-nums; }
.ua-mkt-chips { list-style: none; margin: 0.55rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.ua-mkt-chips a { text-decoration: none; color: inherit; font-size: 0.84rem; }
.ua-mkt-chips em { font-style: normal; color: var(--ua-muted); margin-left: 0.25rem; }
.ua-ru-why {
  margin: 1rem 0 1.25rem; padding: 1rem 1.1rem; border-radius: var(--ua-radius);
  border: 1px solid color-mix(in srgb, #8b3a3a 28%, var(--ua-line));
  background: color-mix(in srgb, #8b3a3a 5%, var(--ua-panel));
}
.ua-ru-why h2 { margin: 0 0 0.75rem; font-size: 1.05rem; }
.ua-ru-why-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem;
}
.ua-ru-why-grid p { margin: 0.25rem 0 0; color: var(--ua-muted); font-size: 0.82rem; line-height: 1.4; }
@media (max-width: 800px) {
  .ua-ru-why-grid { grid-template-columns: 1fr 1fr; }
}
.ua-ru-chart { display: flex; flex-direction: column; gap: 0.45rem; max-width: 720px; }
.ua-ru-chart-row {
  display: grid; grid-template-columns: 9.5rem 1fr 3.2rem 3.2rem; gap: 0.55rem; align-items: center;
  font-size: 0.84rem;
}
.ua-ru-chart-row strong, .ua-ru-chart-row em {
  font-style: normal; text-align: right; font-variant-numeric: tabular-nums;
}
.ua-ru-chart-row em { color: var(--ua-muted); font-size: 0.75rem; }
.ua-ru-chart-track { height: 10px; }
.ua-ru-rank { align-items: start; }
.ua-ru-rank .ua-geo-prov-ico { margin-top: 0.15rem; }
.ua-ru-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.4rem; }
.ua-ru-chip {
  display: inline-flex; align-items: center; gap: 0.3rem;
  max-width: 11rem; padding: 0.12rem 0.4rem 0.12rem 0.2rem;
  border-radius: 999px; border: 1px solid var(--ua-line);
  text-decoration: none; color: inherit; font-size: 0.72rem;
}
.ua-ru-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ua-ru-chip img { width: 16px; height: 16px; border-radius: 3px; }
a.ua-ru-rank { text-decoration: none; color: inherit; grid-template-columns: 22px 1fr; }
@media (max-width: 640px) {
  .ua-ru-chart-row { grid-template-columns: 6.5rem 1fr 2.4rem; }
  .ua-ru-chart-row em { display: none; }
}
.ua-ru-blocks {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem;
}
@media (max-width: 800px) {
  .ua-ru-blocks { grid-template-columns: 1fr; }
}
a.ua-ru-site { text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 0.15rem; }
a.ua-ru-site .domain, .ua-ru-flags { color: var(--ua-muted); font-size: 0.78rem; }

.ua-geo-series-table th, .ua-geo-series-table td {
  padding: 0.45rem 0.55rem; border-bottom: 1px solid var(--ua-line);
  text-align: left; font-variant-numeric: tabular-nums;
}
.ua-geo-series-table th { color: var(--ua-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
.ua-cat-nav a.is-current { color: var(--ua-accent); font-weight: 600; }

.ua-speed { margin-bottom: 1rem; }
.ua-speed__head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: .9rem; }
.ua-speed__head h2 { margin: 0; }
.ua-speed__catalog { display: inline-block; margin-top: .35rem; color: var(--ua-accent); font-size: .8rem; }
.ua-speed__head p { margin: .25rem 0 0; color: var(--ua-muted); font-size: .82rem; line-height: 1.4; max-width: 36rem; }
.ua-speed__head time { color: var(--ua-muted); font-size: .78rem; white-space: nowrap; }
.ua-speed__pair { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
@media (max-width: 800px) { .ua-speed__pair { grid-template-columns: 1fr; } }
.ua-speed__col { background: color-mix(in srgb, var(--ua-bg) 55%, var(--ua-panel)); border: 1px solid var(--ua-line); border-radius: 12px; padding: .85rem .85rem .7rem; min-width: 0; }
.ua-speed__col h3 { display: flex; align-items: center; gap: .4rem; margin: 0 0 .7rem; font-size: .95rem; }
.ua-speed__svg { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
.ua-speed__wait { margin: .4rem 0 .2rem; color: var(--ua-muted); font-size: .88rem; }
.ua-speed__rings { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; }
@media (max-width: 520px) { .ua-speed__rings { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ua-ring { position: relative; text-align: center; }
.ua-ring svg { width: 100%; max-width: 4.6rem; height: auto; display: block; margin: 0 auto; }
.ua-ring__track { fill: none; stroke: var(--ua-line); stroke-width: 3.2; }
.ua-ring__val { fill: none; stroke: var(--ua-muted); stroke-width: 3.2; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 18px 18px; }
.ua-ring strong { position: absolute; left: 0; right: 0; top: 1.15rem; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.ua-ring span { display: flex; align-items: center; justify-content: center; gap: .2rem; margin-top: .15rem; color: var(--ua-muted); font-size: .68rem; }
.ua-ring span .ua-speed__svg { width: .8rem; height: .8rem; }
.ua-ring.is-good .ua-ring__val, .ua-speed__facts dd.is-good, .ua-speed__pill.is-good, .ua-speed__chips .is-good, .ua-speed__fold em.is-good { color: var(--ua-ua); }
.ua-ring.is-good .ua-ring__val { stroke: var(--ua-ua); }
.ua-ring.is-ok .ua-ring__val, .ua-speed__facts dd.is-ok, .ua-speed__pill.is-ok { color: var(--ua-accent); }
.ua-ring.is-ok .ua-ring__val { stroke: var(--ua-accent); }
.ua-ring.is-bad .ua-ring__val, .ua-speed__facts dd.is-bad, .ua-speed__pill.is-bad, .ua-speed__chips .is-bad, .ua-speed__fold em.is-bad { color: var(--ua-ru); }
.ua-ring.is-bad .ua-ring__val { stroke: var(--ua-ru); }
.ua-speed__facts { display: grid; gap: .35rem; margin: .8rem 0 .55rem; }
.ua-speed__facts div { display: flex; justify-content: space-between; gap: .6rem; align-items: baseline; }
.ua-speed__facts dt { color: var(--ua-muted); font-size: .8rem; }
.ua-speed__facts dd { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; font-size: .92rem; }
.ua-speed__pill { display: inline-flex; margin: 0 0 .55rem; padding: .2rem .55rem; border-radius: 999px; border: 1px solid var(--ua-line); font-size: .75rem; }
.ua-speed__chips { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; margin: 0 0 .55rem; padding: 0; }
.ua-speed__chips li { display: inline-flex; align-items: center; gap: .25rem; padding: .18rem .5rem; border-radius: 999px; border: 1px solid var(--ua-line); font-size: .75rem; }
.ua-speed__stack { margin: 0 0 .45rem; color: var(--ua-muted); font-size: .75rem; }
.ua-speed__fold { border-top: 1px solid var(--ua-line); }
.ua-speed__fold > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .55rem 0; font-size: .86rem; }
.ua-speed__fold > summary::-webkit-details-marker { display: none; }
.ua-speed__fold > summary::before { content: ""; width: .4rem; height: .4rem; border-right: 1.5px solid var(--ua-muted); border-bottom: 1.5px solid var(--ua-muted); transform: rotate(-45deg); margin-right: .15rem; }
.ua-speed__fold[open] > summary::before { transform: rotate(45deg); }
.ua-speed__fold > summary em { font-style: normal; color: var(--ua-muted); font-variant-numeric: tabular-nums; }
.ua-speed__fold-body { padding: 0 0 .45rem .2rem; }
.ua-speed__fold-body details { border-top: 1px solid color-mix(in srgb, var(--ua-line) 70%, transparent); }
.ua-speed__fold-body summary { cursor: pointer; display: flex; justify-content: space-between; gap: .6rem; align-items: baseline; padding: .4rem 0; font-size: .82rem; }
.ua-speed__fold-body summary em { font-style: normal; color: var(--ua-muted); white-space: nowrap; font-size: .75rem; }
.ua-speed__fold-body p, .ua-speed__fold-body ul { margin: .15rem 0 .45rem; color: var(--ua-muted); font-size: .8rem; line-height: 1.4; }
.ua-speed__fold-body ul, .ua-speed__ok { padding-left: 1rem; }
.ua-speed__glabel { margin: .55rem 0 .1rem; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ua-muted); }
.ua-speed__ok { margin: .15rem 0 .4rem; font-size: .8rem; }
.ua-speed__more { margin: 0 0 .35rem; }
.ua-speed__visit { margin: 0; }
.ua-speed__visit div { display: flex; justify-content: space-between; gap: .6rem; padding: .28rem 0; border-bottom: 1px solid var(--ua-line); font-size: .8rem; }
.ua-speed__visit dt { color: var(--ua-muted); }
.ua-speed__visit dd { margin: 0; font-variant-numeric: tabular-nums; }
.ua-speed__film { list-style: none; margin: .2rem 0 .4rem; padding: 0; display: grid; gap: .28rem; }
.ua-speed__film li { display: grid; grid-template-columns: var(--w) auto; align-items: center; gap: .4rem; }
.ua-speed__film i { display: block; height: .45rem; border-radius: 99px; background: linear-gradient(90deg, var(--ua-ua), var(--ua-accent)); }
.ua-speed__film span { color: var(--ua-muted); font-size: .72rem; font-variant-numeric: tabular-nums; }

.ua-boards { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin: 0 0 1.2rem; align-items: start; }
@media (max-width: 860px) { .ua-boards { grid-template-columns: 1fr; } }
.ua-board { background: var(--ua-panel); border: 1px solid var(--ua-line); border-radius: 12px; padding: .9rem 1rem 1rem; min-width: 0; }
.ua-board > input { position: absolute; opacity: 0; pointer-events: none; }
.ua-board__head { display: flex; justify-content: space-between; gap: .6rem; align-items: center; flex-wrap: wrap; }
.ua-board__head .ua-stat-switch { margin: 0; }
.ua-board__head h2 { margin: 0; font-size: 1.05rem; }
.ua-board__sheet h3 { margin: .9rem 0 .2rem; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: var(--ua-muted); }
.ua-board ol { list-style: none; margin: 0; padding: 0; }
.ua-board li { display: none; grid-template-columns: 1.1rem 22px minmax(0, 1fr) auto; gap: .45rem; align-items: center; min-height: 2.4rem; border-bottom: 1px solid var(--ua-line); }
.ua-board .is-phone { display: grid; }
#ua-board-fast-pc:checked ~ .ua-board__sheet .is-phone,
#ua-board-slow-pc:checked ~ .ua-board__sheet .is-phone { display: none; }
#ua-board-fast-pc:checked ~ .ua-board__sheet .is-pc,
#ua-board-slow-pc:checked ~ .ua-board__sheet .is-pc { display: grid; }
.ua-board .pos { color: var(--ua-muted); font-size: .72rem; font-variant-numeric: tabular-nums; }
.ua-board img, .ua-board .ico { width: 22px; height: 22px; border-radius: 5px; background: var(--ua-icon-tile); object-fit: contain; }
.ua-board a { min-width: 0; color: inherit; }
.ua-board a strong { display: block; font-size: .84rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ua-board a em { display: block; font-style: normal; color: var(--ua-muted); font-size: .68rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ua-board b { font-variant-numeric: tabular-nums; font-size: .95rem; }
.ua-board b.is-good { color: var(--ua-ua); }
.ua-board b.is-ok { color: var(--ua-accent); }
.ua-board b.is-bad { color: var(--ua-ru); }
.ua-board .gap { grid-column: 2 / -1; height: .7rem; border-radius: 6px; background: color-mix(in srgb, var(--ua-line) 65%, transparent); }
#ua-board-fast-phone:checked ~ .ua-board__head label[for="ua-board-fast-phone"],
#ua-board-fast-pc:checked ~ .ua-board__head label[for="ua-board-fast-pc"],
#ua-board-slow-phone:checked ~ .ua-board__head label[for="ua-board-slow-phone"],
#ua-board-slow-pc:checked ~ .ua-board__head label[for="ua-board-slow-pc"] { background: color-mix(in srgb, var(--ua-accent) 18%, var(--ua-panel)); color: var(--ua-text); }

.ua-avg { margin: 0 0 1.15rem; }
.ua-avg .ua-board__head p { margin: .2rem 0 0; color: var(--ua-muted); font-size: .78rem; max-width: 36rem; }
.ua-avg__sheet { margin-top: .35rem; overflow-x: auto; }
.ua-avg__row { display: none; grid-template-columns: minmax(8.5rem, 1.4fr) repeat(5, minmax(4.2rem, 1fr)); gap: .4rem; align-items: center; min-height: 2.2rem; min-width: 640px; border-bottom: 1px solid var(--ua-line); font-variant-numeric: tabular-nums; }
.ua-avg__head, .ua-avg .is-phone { display: grid; }
#ua-avg-pc:checked ~ .ua-avg__sheet .is-phone { display: none; }
#ua-avg-pc:checked ~ .ua-avg__sheet .is-pc { display: grid; }
#ua-avg-phone:checked ~ .ua-board__head label[for="ua-avg-phone"],
#ua-avg-pc:checked ~ .ua-board__head label[for="ua-avg-pc"] { background: color-mix(in srgb, var(--ua-accent) 18%, var(--ua-panel)); color: var(--ua-text); }
.ua-avg__head { color: var(--ua-muted); font-size: .68rem; letter-spacing: .03em; text-transform: uppercase; }
.ua-avg__cat { font-size: .84rem; font-weight: 600; }
.ua-avg__cat em { display: block; font-style: normal; color: var(--ua-muted); font-weight: 500; font-size: .68rem; }
.ua-avg__row > span:not(.ua-avg__cat) { font-weight: 650; font-size: .95rem; }
.ua-avg .is-good { color: var(--ua-ua); }
.ua-avg .is-ok { color: var(--ua-accent); }
.ua-avg .is-bad { color: var(--ua-ru); }
.ua-avg i { display: block; height: .28rem; margin-top: .18rem; border-radius: 99px; background: currentColor; }

.ua-stat-compare { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin: 0 0 1rem; }
@media (max-width: 800px) { .ua-stat-compare, .ua-stat-trio, .ua-stat-lists { grid-template-columns: 1fr; } }
.ua-stat-device, .ua-stat-card { background: var(--ua-panel); border: 1px solid var(--ua-line); border-radius: 12px; padding: 1rem 1.05rem; }
.ua-stat-device header { display: flex; align-items: baseline; gap: .45rem; margin-bottom: .7rem; }
.ua-stat-device h2, .ua-stat-card h2 { margin: 0; font-size: 1rem; }
.ua-stat-device header strong { margin-left: auto; font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.ua-stat-device header span, .ua-stat-note { color: var(--ua-muted); font-size: .82rem; }
.ua-stat-device dl { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem .8rem; margin: 0; }
.ua-stat-device dt { color: var(--ua-muted); font-size: .75rem; }
.ua-stat-device dd { margin: 0; font-size: 1.15rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.ua-stat-note { margin: 0 0 1rem; }
.ua-stat > input { position: absolute; opacity: 0; pointer-events: none; }
.ua-stat-switch { display: inline-flex; gap: .35rem; margin: 0 0 .85rem; padding: .2rem; border: 1px solid var(--ua-line); border-radius: 999px; background: var(--ua-panel); }
.ua-stat-switch label { padding: .4rem .8rem; border-radius: 999px; cursor: pointer; font-size: .86rem; color: var(--ua-muted); }
#ua-stat-phone:checked ~ .ua-stat-switch label[for="ua-stat-phone"],
#ua-stat-pc:checked ~ .ua-stat-switch label[for="ua-stat-pc"] { background: color-mix(in srgb, var(--ua-accent) 18%, var(--ua-panel)); color: var(--ua-text); }
.ua-stat-panels .is-pc { display: none; }
#ua-stat-pc:checked ~ .ua-stat-panels .is-phone { display: none; }
#ua-stat-pc:checked ~ .ua-stat-panels .is-pc { display: block; }
.ua-stat-card { margin-bottom: .85rem; }
.ua-stat-card h3 { margin: .85rem 0 .35rem; font-size: .82rem; color: var(--ua-muted); font-weight: 600; }
.ua-stat-trio, .ua-stat-lists { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.ua-stat-lists { grid-template-columns: 1fr 1fr; }
.ua-stat-chart { width: 100%; height: auto; display: block; }
.ua-stat-chart rect.is-good { fill: var(--ua-ua); }
.ua-stat-chart rect.is-ok { fill: var(--ua-accent); }
.ua-stat-chart rect.is-bad { fill: var(--ua-ru); }
.ua-stat-chart text { fill: var(--ua-muted); font-size: 11px; font-family: inherit; }
.ua-stat-stack { display: flex; height: 1.7rem; border-radius: 999px; overflow: hidden; background: var(--ua-line); }
.ua-stat-stack span { display: flex; align-items: center; justify-content: center; color: #142018; font-size: .72rem; font-weight: 650; min-width: 0; }
.ua-stat-stack .is-good, .ua-stat-legend .is-good { background: var(--ua-ua); }
.ua-stat-stack .is-ok, .ua-stat-legend .is-ok { background: var(--ua-accent); }
.ua-stat-stack .is-bad, .ua-stat-legend .is-bad { background: var(--ua-ru); }
.ua-stat-legend { display: flex; flex-wrap: wrap; gap: .35rem .7rem; align-items: center; margin: .4rem 0 0; color: var(--ua-muted); font-size: .75rem; }
.ua-stat-legend i { width: .55rem; height: .55rem; border-radius: 99px; display: inline-block; }
.ua-stat-lists ol { list-style: none; margin: .6rem 0 0; padding: 0; }
.ua-stat-lists li { display: flex; justify-content: space-between; gap: .6rem; padding: .38rem 0; border-bottom: 1px solid var(--ua-line); font-size: .86rem; }
.ua-stat-lists em { font-style: normal; font-variant-numeric: tabular-nums; color: var(--ua-muted); }