/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Экран «Компьютеры» (файл server.css), блок нагрузки (шкалы) и чип нагрузки в шапке. Подключён в index.html после limits.css;
   значения — только из tokens.css, размеры в rem. Общая раскладка страниц (.server, ошибка связи) — в pages.css.
   Раскладка: плитки устройств сами переносятся по ширине (минимум 20rem в колонке), на 390 — одна колонка; «Подключить новый» и «Журнал связи» — рядом с 48rem;
   варианты «Где запускать сервер» — по два, с 64rem — по три. */

/* ---------- Заголовок ---------- */
.head__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4); }
.head__aside:empty { display: none; }

/* ---------- Плитки ---------- */
.srv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--tile-gap); align-items: start; }
.srv-grid--two { grid-template-columns: minmax(0, 1fr); }
.srv-tile { display: grid; gap: var(--space-4); align-content: start; }
.srv-tile > * + * { margin-top: 0; }
.srv-tile__h { display: grid; gap: var(--space-1); }
.srv-tile__h--row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-2) var(--space-3); }
.srv-tile__hb { display: grid; gap: var(--space-1); min-width: 0; }
.srv-box { display: grid; gap: var(--space-4); min-width: 0; }
.srv-none { color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.srv-act { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.srv-act .btn { min-height: var(--size-touch-min); }
.srv-res[data-tone="ok"] { color: var(--color-ok-text); }
.srv-res[data-tone="warn"] { color: var(--color-warn-text); }
.srv-cmd { display: grid; gap: var(--space-3); }
.calm { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.calm .ic { width: var(--size-icon-lg); height: var(--size-icon-lg); color: var(--color-ink3); }
@media (min-width: 48rem) {
  .srv-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Связь: точка и слово ---------- */
.cmp-link { --cmp-dot: var(--color-ink3); display: inline-flex; align-items: center; gap: var(--space-2); flex: none; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.cmp-link[data-link="online"] { --cmp-dot: var(--color-dot-ok); }
.cmp-link[data-link="unknown"] .cmp-dot { background: transparent; box-shadow: inset 0 0 0 1px var(--cmp-dot); }
.cmp-dot { flex: none; display: inline-block; width: var(--size-status-dot); height: var(--size-status-dot); border-radius: var(--radius-round); background: var(--cmp-dot, var(--color-ink3)); }
.cmp-foot { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--color-line); }

/* ---------- Карточка компьютера: показатели ---------- */
.cmp-meters { display: grid; gap: var(--space-3); list-style-type: none; margin: 0; padding: 0; }
.cmp-meter { --lm-fill: var(--color-ok); display: grid; grid-template-columns: 5.25rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); min-width: 0; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.cmp-meter[data-tone="warn"] { --lm-fill: var(--color-warn); }
.cmp-meter[data-tone="danger"] { --lm-fill: var(--color-danger); }
.cmp-meter[data-tone="neutral"] { --lm-fill: var(--color-ink3); }
.cmp-meter__v { color: var(--color-ink); text-align: right; }
.cmp-note[data-level="high"] { color: var(--color-warn-text); }
.cmp-note[data-level="overload"] { color: var(--color-danger-text); }

/* ---------- Подключить новый ---------- */
.cmp-steps { display: grid; gap: 0; list-style-type: none; margin: 0; padding: 0; }
.cmp-step { display: flex; gap: var(--space-4); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); }
.cmp-step:first-child { border-top: 0; }
.cmp-step__n { flex: none; display: inline-flex; align-items: center; justify-content: center; width: var(--size-icon-lg); height: var(--size-icon-lg); border-radius: var(--radius-round); box-shadow: var(--shadow-ring); color: var(--color-ink2); }
.cmp-step__b { display: grid; gap: var(--space-1); min-width: 0; }

/* ---------- Сервер выключается сам ---------- */
.srv-idle { display: grid; gap: var(--space-3); }
.srv-idle__h { margin: 0; padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-line); color: var(--color-ink2); }

/* ---------- Блок нагрузки ---------- */
.load { display: grid; gap: var(--space-4); min-width: 0; }
.load > * + * { margin-top: 0; }
.load__st { display: flex; align-items: center; gap: var(--space-3); }
.load__st .ic { flex: none; width: var(--size-icon-lg); height: var(--size-icon-lg); color: var(--color-ok-text); }
.load__st[data-level="high"] .ic { color: var(--color-warn-text); }
.load__st[data-level="overload"] .ic { color: var(--color-danger-text); }
.load__st[data-level="none"] .ic { color: var(--color-ink3); }
.load__note { max-width: var(--layout-measure); }
.lmeters { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4) var(--space-6); list-style-type: none; margin: 0; padding: 0; }
.lmeter { display: grid; gap: var(--space-2); align-content: start; min-width: 0; --lm-fill: var(--color-ok); }
.lmeter > * + * { margin-top: 0; }
.lmeter[data-tone="warn"] { --lm-fill: var(--color-warn); }
.lmeter[data-tone="danger"] { --lm-fill: var(--color-danger); }
.lmeter[data-tone="neutral"] { --lm-fill: var(--color-ink3); }
.lmeter__h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
/* Шкала — нативный progress: inline-стили запрещены политикой безопасности, ширину задаёт value. */
.lmeter__bar {
  -webkit-appearance: none; appearance: none; display: block; width: 100%; height: var(--space-2);
  border: 0; border-radius: var(--radius-pill); overflow: hidden; background: var(--color-line); color: var(--lm-fill);
}
.lmeter__bar::-webkit-progress-bar { background: var(--color-line); border-radius: var(--radius-pill); }
.lmeter__bar::-webkit-progress-value { background: var(--lm-fill); border-radius: var(--radius-pill); }
.lmeter__bar::-moz-progress-bar { background: var(--lm-fill); border-radius: var(--radius-pill); }
.load--compact .lmeters { grid-template-columns: minmax(0, 1fr); }

/* ---------- Аккаунты Claude (load-accounts.js): строка на аккаунт, окна «5 часов» и «Неделя», подсказки ---------- */
.ld-accounts { display: grid; gap: var(--space-3); min-width: 0; }
.ld-accounts > * + * { margin-top: 0; }
.ld-accounts__list { display: grid; gap: var(--space-4); list-style-type: none; margin: 0; padding: 0; min-width: 0; }
.ld-acc { display: grid; gap: var(--space-2); min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--color-line); }
.ld-acc:first-child { padding-top: 0; border-top: 0; }
.ld-acc > * + * { margin-top: 0; }
.ld-acc__h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-3); margin: 0; }
.ld-acc__h > * { overflow-wrap: anywhere; }
.ld-acc__none, .ld-acc__note { margin: 0; overflow-wrap: anywhere; }
.ld-acc__note--hint { color: var(--color-ok-text); }
.ld-acc__note--warn { color: var(--color-warn-text); }
.ld-acc .lmeters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 30rem) { .ld-acc .lmeters { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Чип нагрузки в шапке ---------- */
.load-chip { display: inline-flex; align-items: center; min-height: var(--size-touch-min); text-decoration: none; color: inherit; }
.load-chip[hidden] { display: none; }

/* ---------- Кто грузит и журнал ---------- */
.who, .jr { display: grid; gap: 0; list-style-type: none; margin: 0; padding: 0; }
.who__i { display: grid; gap: var(--space-1); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); overflow-wrap: anywhere; }
.who__i:first-child { border-top: 0; }
.jr__i { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: baseline; gap: var(--space-1) var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); overflow-wrap: anywhere; }
.jr__d { --cmp-dot: var(--color-dot-ok); align-self: center; }
.jr__i[data-ok="false"] .jr__d { --cmp-dot: var(--color-dot-wait); }
.jr__i:first-child { border-top: 0; }
.jr__r { grid-column: 3; }
.jr__i[data-ok="false"] .jr__r { color: var(--color-warn-text); }

/* ---------- Для разработчика ---------- */
.dev { display: grid; gap: var(--space-4); }
.dev[hidden], .srv-tile:has(> .dev[hidden]) { display: none; }
.dev__toggle { justify-self: start; min-height: var(--size-touch-min); }
.dev__body { display: grid; gap: var(--space-5); }
.dev__body[hidden] { display: none; }
.dev__sec { display: grid; gap: var(--space-2); min-width: 0; }
.dev__kv { display: grid; gap: var(--space-2); }
.dev__kv > div { display: grid; gap: var(--space-1); }
.dev__kv dd { margin: 0; overflow-wrap: anywhere; }
.dev__list { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style-type: none; overflow-wrap: anywhere; }
@media (min-width: 40rem) {
  .dev__kv > div { grid-template-columns: 12rem minmax(0, 1fr); gap: var(--space-4); }
}

/* ---------- Состояние облачного сервера ---------- */
.server__msg { max-width: var(--layout-measure); overflow-wrap: anywhere; }
.vrows { display: grid; gap: 0; }
.vrow { display: grid; gap: var(--space-1) var(--space-4); align-items: center; padding: var(--space-3) 0; border-top: 1px solid var(--color-line); }
.vrow:first-child { border-top: 0; }
.vrow dd { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 40rem) {
  .vrow { grid-template-columns: 10rem minmax(0, 1fr); }
}
.cmd { display: grid; gap: var(--space-2); }
.cmd__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.cmd__t {
  flex: 1 1 12rem; min-width: 0; display: flex; align-items: center; min-height: var(--size-touch-min);
  padding: var(--space-2) var(--space-4); background: var(--color-panel2); border: 1px solid var(--color-line); border-radius: var(--radius-md);
  overflow-wrap: anywhere; user-select: all;
}
.cmd__st:empty { display: none; }

/* ---------- Где запускать сервер ---------- */
.srv-setup { display: grid; gap: var(--space-4); }
.srv-setup > * + * { margin-top: 0; }
.sopts { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.sopt {
  display: grid; gap: var(--space-3); align-content: start; padding: var(--space-6);
  background: var(--color-panel); border: 1px solid var(--color-line); border-radius: var(--radius-lg);
}
.sopt--rec { border-color: var(--color-ink3); }
.sopt__ic { display: inline-flex; color: var(--color-ink3); }
.sopt__tag { color: var(--color-acc-text); }
.sconf { display: grid; gap: var(--space-1); }
.sconf dd { margin: 0; overflow-wrap: anywhere; }
.ssteps { display: grid; gap: var(--space-2); padding-left: var(--space-5); list-style-type: decimal; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.sopt__acts { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.sopt__note { color: var(--color-ink2); max-width: var(--layout-measure); }
@media (min-width: 48rem) {
  .sopts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
  .sopts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .sopt { padding: var(--space-4); }
}

/* Лиды одновременно: число идущих из предела и кнопки «−» «+» */
.srv-leads { border-top: 1px solid var(--color-line); padding-top: var(--space-4); }
.srv-leads[hidden] { display: none; }
.srv-leads__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.srv-leads__t { margin: 0; }
.srv-leads__btns { display: inline-flex; gap: var(--space-2); }
.srv-leads__btn { min-width: var(--size-touch-min); min-height: var(--size-touch-min); font-size: 1.25rem; line-height: 1; }
.srv-leads__btn:disabled { cursor: not-allowed; }
.srv-leads__why { color: var(--color-warn-text); }

/* ---------- Страница «Сервер»: переключатель, вердикт, графики, карточки наблюдения (правила sv-*) ---------- */
.sv { display: grid; gap: var(--space-5); min-width: 0; }
.sv-box, .sv-cell, .sv-switch-box { display: grid; gap: var(--space-4); min-width: 0; }
.sv-cell > * { height: 100%; }
.sv-grid2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tile-gap); align-items: stretch; }
.sv-manage { display: grid; gap: var(--space-5); min-width: 0; }
.sv-manage[hidden], .sv-remote[hidden] { display: none; }
.sv-note { padding: var(--space-3) var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel2); color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.sv-note[data-tone="danger"] { background: var(--color-danger-soft); color: var(--color-danger-text); }

/* Переключатель: чипы с 48rem, выпадающий список на узком экране */
.sv-pcs { display: none; flex-wrap: wrap; gap: var(--space-2); }
.sv-pc { display: inline-flex; align-items: center; gap: var(--space-3); min-height: var(--size-touch-min); padding: 0 var(--space-4) 0 var(--space-3); border: 1px solid var(--color-line2); border-radius: var(--radius-ctl); background: var(--color-panel); color: var(--color-ink); text-align: left; cursor: pointer; }
.sv-pc:hover { background: var(--color-panel2); }
.sv-pc[aria-pressed="true"] { background: var(--color-panel2); border-color: var(--color-ink3); box-shadow: var(--shadow-ring); }
.sv-pc[data-link="online"] { --cmp-dot: var(--color-dot-ok); }
.sv-pc[data-link="slow"] { --cmp-dot: var(--color-warn); }
.sv-pc[data-link="offline"] { --cmp-dot: var(--color-danger); }
.sv-pc__t { display: grid; line-height: 1.25; }
.sv-pc__n { font-weight: var(--weight-medium); }
.sv-pc__s { font-size: var(--text-label-size); color: var(--color-ink2); }
.sv-sel { display: grid; gap: var(--space-1); }
.sv-sel__in { width: 100%; min-height: var(--size-touch-min); padding: 0 var(--space-3); border: 1px solid var(--color-line2); border-radius: var(--radius-ctl); background: var(--color-panel); color: var(--color-ink); font: inherit; }

/* Вердикт */
.sv-hero { --sv-tone: var(--color-ink3); --sv-tone-text: var(--color-ink2); display: grid; gap: var(--space-5); padding: var(--space-5); border-radius: var(--tile-radius); background: var(--surface-tile); box-shadow: var(--shadow-ring), inset 0 0.1875rem 0 var(--sv-tone); min-width: 0; }
.sv-hero[data-tone="warn"] { --sv-tone: var(--color-warn); --sv-tone-text: var(--color-warn-text); }
.sv-hero[data-tone="ok"] { --sv-tone: var(--color-ok); --sv-tone-text: var(--color-ok-text); }
.sv-hero[data-tone="danger"] { --sv-tone: var(--color-danger); --sv-tone-text: var(--color-danger-text); }
.sv-hero__main { display: grid; gap: var(--space-4); align-content: start; min-width: 0; }
.sv-hero__status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.sv-hero__dot { flex: none; width: 0.875rem; height: 0.875rem; border-radius: var(--radius-round); background: var(--sv-tone); }
.sv-hero__word { margin: 0; font: var(--text-h2-weight) var(--text-h2-size)/var(--text-h2-line) var(--text-h2-family); letter-spacing: var(--text-h2-track); color: var(--sv-tone-text); }
.sv-hero__why { margin: 0; max-width: var(--layout-measure); font: var(--text-lead-weight) var(--text-lead-size)/var(--text-lead-line) var(--font-sans); overflow-wrap: anywhere; }
.sv-hero__todo { display: grid; gap: var(--space-1); max-width: var(--layout-measure); padding: var(--space-3) var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel2); }
.sv-hero__k { color: var(--color-ink3); font-size: var(--text-label-size); font-weight: var(--weight-medium); }
.sv-hero__act { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sv-hero__act .btn { min-height: var(--size-touch-min); }
.sv-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); align-content: start; margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-line); min-width: 0; }
.sv-facts > div { min-width: 0; }
.sv-facts dt { color: var(--color-ink3); font-size: var(--text-label-size); }
.sv-facts dd { margin: var(--space-1) 0 0; overflow-wrap: anywhere; }

/* Графики */
.sv-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.sv-metric { --sv-line: var(--color-ink2); display: grid; gap: var(--space-3); align-content: start; padding: var(--space-4); }
.sv-metric[data-tone="ok"] { --sv-line: var(--color-ok); --lm-fill: var(--color-ok); }
.sv-metric[data-tone="warn"] { --sv-line: var(--color-warn); --lm-fill: var(--color-warn); }
.sv-metric[data-tone="danger"] { --sv-line: var(--color-danger); --lm-fill: var(--color-danger); }
.sv-metric[data-tone="neutral"] { --lm-fill: var(--color-ink3); }
.sv-metric__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); }
.sv-metric__l { color: var(--color-ink2); font-weight: var(--weight-medium); }
.sv-metric__v { white-space: nowrap; font: var(--text-number-lg-weight) 1.375rem/1 var(--font-num); letter-spacing: var(--text-number-lg-track); }
.sv-metric__s { margin: 0; color: var(--color-ink2); }
.sv-metric__note { margin: 0; color: var(--color-ink3); }
.sv-metric__none { margin: 0; color: var(--color-ink3); }
.sv-metric__bar { display: block; width: 100%; height: var(--space-2); }
.sv-chart__svg { display: block; width: 100%; height: 4.5rem; overflow: visible; }
.sv-grid { stroke: var(--color-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.sv-ln { fill: none; stroke: var(--sv-line); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sv-ar { fill: var(--sv-line); opacity: .14; }
.sv-th { stroke: var(--color-ink3); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.sv-chart__x { display: flex; justify-content: space-between; margin-top: var(--space-1); color: var(--color-ink3); }
.sv-legend { margin: 0; color: var(--color-ink2); }

/* Что занимает компьютер, смотритель, память, службы */
.sv-work, .sv-svcs, .sv-paused { display: grid; gap: 0; margin: 0; padding: 0; list-style-type: none; }
.sv-work__i { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--space-1) var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); overflow-wrap: anywhere; }
.sv-work__i:first-child { border-top: 0; }
.sv-work__s { grid-column: 1 / -1; color: var(--color-ink2); }
.sv-chip { display: inline-flex; align-items: center; min-height: 1.5rem; padding: 0 var(--space-2); border-radius: var(--radius-pill); background: var(--color-panel2); box-shadow: 0 0 0 1px var(--color-line2); color: var(--color-ink2); font-size: var(--text-label-size); font-weight: var(--weight-medium); white-space: nowrap; }
.sv-chip[data-state="paused"], .sv-chip[data-tone="warn"] { background: var(--color-warn-soft); color: var(--color-warn-text); }
.sv-chip[data-state="run"], .sv-chip[data-tone="ok"] { background: var(--color-ok-soft); color: var(--color-ok-text); }
.sv-chip[data-tone="danger"] { background: var(--color-danger-soft); color: var(--color-danger-text); }
.sv-wm__st { display: flex; align-items: center; gap: var(--space-3); margin: 0; --cmp-dot: var(--color-dot-ok); }
.sv-wm__st[data-status="off"] { --cmp-dot: var(--color-ink3); }
.sv-wm__st[data-status="stale"] { --cmp-dot: var(--color-warn); }
.sv-paused__i { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2) var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); }
.sv-paused__i:first-child { border-top: 0; }
.sv-paused__b { display: grid; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.sv-paused__i .btn { min-height: var(--size-touch-min); justify-self: start; }
.sv-mem { display: grid; gap: var(--space-2); max-width: var(--layout-measure); }
.sv-svcs__i { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--color-line); }
.sv-svcs__i:first-child { border-top: 0; }
.sv-svcs__i[data-state="failed"] { margin-inline: calc(var(--space-3) * -1); padding-inline: var(--space-3); border-radius: var(--radius-ctl); background: var(--color-danger-soft); border-top-color: transparent; }
.sv-svcs__n { display: grid; gap: var(--space-1); min-width: 0; overflow-wrap: anywhere; }
.sv-events .jr__i[data-kind="pause"] .jr__d { --cmp-dot: var(--color-warn); }

@media (min-width: 40rem) {
  .sv-charts { gap: var(--tile-gap); }
  .sv-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 48rem) {
  .sv-pcs { display: flex; }
  .sv-sel { display: none; }
  .sv-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sv-paused__i { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
}
@media (min-width: 64rem) {
  .sv-hero { grid-template-columns: minmax(0, 1fr) 17rem; gap: var(--space-8); }
  .sv-facts { grid-template-columns: minmax(0, 1fr); padding-top: 0; border-top: 0; padding-inline-start: var(--space-6); box-shadow: inset 1px 0 0 var(--color-line); }
}
@media (min-width: 80rem) {
  .sv-charts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 47.99rem) {
  .sv-metric { padding: var(--space-3); }
  .sv-metric__v { font-size: 1.125rem; }
  .sv-hero { padding: var(--space-4); }
  .sv-hero__act .btn { flex: 1 1 100%; }
}