/* ══════════════════════════════════════════════════════════════════════════
   vv_load.css — экран «Нагрузка», вторая редакция (VVELL-1109, 25.09.2026).
   Разметку строит static/js/vv_load.js. Подключается ПОСЛЕДНИМ из стилей
   (после palette_sand.css и ui_switch.css): свои классы `.vld-*` ни с чем не
   спорят, а токены тем уже объявлены.

   Цвета — через токены темы (--wh-* на экране, --ink/--line/--paper в листах:
   листы живут прямыми детьми body, куда токены --wh-* не доходят). Под небом
   (html.vv-sky-live.vv-sky-glass) — тот же язык, что у соседних экранов:
   тёмное стекло, белый текст, мятный акцент #8DF3C4 с тёмным текстом на нём.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Экран ──────────────────────────────────────────────────────────────── */
.vld .vld-src-line { margin: -4px 2px 12px; }
.vld .vld-note { font-size: 13px; line-height: 1.45; color: var(--wh-ink-2); padding: 6px 2px 12px; }
.vld-link {
  background: none; border: 0; padding: 10px 0; min-height: 44px; font: inherit; font-weight: 700;
  color: var(--wh-teal, var(--vv-green-dark)); cursor: pointer;
}
.vld .vld-retry { margin-top: 4px; }

.vld-connect-t { font-size: 15px; font-weight: 700; color: var(--wh-ink); margin-bottom: 4px; }
.vld-connect-s { font-size: 13px; line-height: 1.45; color: var(--wh-ink-2); }
.vld-connect .vld-link { padding-bottom: 0; }

/* Лента дней. Касание — вся плашка 48×64; сегодня — справа. */
.vld-strip {
  display: flex; gap: 6px; overflow-x: auto; margin: 0 -14px; padding: 2px 14px 10px;
  scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.vld-strip::-webkit-scrollbar { display: none; }
.vld-chip {
  flex: 0 0 auto; width: 48px; min-height: 64px; padding: 7px 0 6px; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 2px;
  border-radius: 14px; border: 1px solid var(--wh-line, var(--line)); background: transparent;
  font: inherit; color: var(--wh-ink-2, var(--ink-2)); cursor: pointer; scroll-snap-align: end;
  -webkit-tap-highlight-color: transparent;
}
.vld-chip-w { font-size: 11px; font-weight: 600; letter-spacing: .02em; }
.vld-chip-d { font-size: 17px; font-weight: 700; line-height: 1.1; color: var(--wh-ink, var(--ink)); }
.vld-chip-n {
  min-width: 16px; height: 16px; line-height: 16px; border-radius: 8px; font-size: 10.5px; font-weight: 800;
  text-align: center; color: transparent;
}
.vld-chip-n.has { background: var(--wh-teal, var(--vv-green-dark)); color: #fff; padding: 0 4px; }
.vld-chip.is-today .vld-chip-w { font-weight: 800; }
.vld-chip.is-on {
  background: var(--vv-green-dark, #1F6B45); border-color: var(--vv-green-dark, #1F6B45); color: rgba(255,255,255,.9);
}
.vld-chip.is-on .vld-chip-d { color: #fff; }
.vld-chip.is-on .vld-chip-n.has { background: #fff; color: var(--vv-green-dark, #1F6B45); }

/* Заголовок дня — две строки: дата, под ней итог. В одну строку «Сегодня, 25 сентября» и «2 тренировки · 1 ч 32 мин»
   на 390 px не помещались и дата ломалась пополам. */
.vld-day-h { display: flex; flex-direction: column; gap: 2px; padding: 4px 0 4px; }
.vld-day-h b { font-size: 15px; font-weight: 700; color: var(--wh-ink); }
.vld-day-h span { font-size: 12.5px; color: var(--wh-ink-2); }
/* Кнопка «назад» экрана — зона касания 44×44 (у общей .wh-back она 25×34). */
/* Отрицательное поле справа — чтобы заголовок стоял там же, где на соседних экранах («Сон», «Восстановление»). */
.vld .wh-back { min-width: 44px; min-height: 44px; margin-right: -19px; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: flex-start; }
.vld-fday { font-weight: 600; letter-spacing: 0; }

/* Строка тренировки: стикер, название, время и числа, стрелка. Вся строка — кнопка. */
.vld-list { display: flex; flex-direction: column; }
.vld-row {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 9px 0;
  background: none; border: 0; border-top: 1px solid var(--wh-line); font: inherit; text-align: left;
  color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.vld-row:first-child { border-top: 0; }
.vld-row .vld-st { flex: none; width: 48px; height: 48px; border-radius: 12px; display: block; }
.vld-row-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.vld-row-t b { font-size: 15px; font-weight: 700; color: var(--wh-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vld-row-t span { font-size: 12.5px; color: var(--wh-ink-2); line-height: 1.35; }
.vld-row-t .vld-row-n { color: var(--wh-ink-3); }
.vld-chev { flex: none; font-size: 22px; line-height: 1; color: var(--wh-ink-3); padding-left: 4px; }

.vld-empty { padding: 14px 0 6px; font-size: 13.5px; color: var(--wh-ink-2, var(--ink-2)); }
.vld-trk { margin-top: 8px; font-size: 12px; line-height: 1.4; color: var(--wh-ink-3); }
.vld-add {
  width: 100%; margin-top: 14px; min-height: 48px; padding: 12px 18px; font-size: 15px;
}
.vld-add .wh-ic { width: 18px; height: 18px; }

/* ── Листы ──────────────────────────────────────────────────────────────── */
/* Лист — колонка: шапка и подвал стоят, прокручивается середина. */
.vld-sheet {
  display: flex; flex-direction: column; overflow: hidden !important; padding-bottom: 0 !important;
}
.vld-sheet-tall { height: calc(100vh - 72px); height: calc(100dvh - 72px); }
.vld-sheet .vv-sheet-head { flex: 0 0 auto; }
.vld-sh-body {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain; padding-bottom: 16px;
}
.vld-sheet-det .vld-sh-body { padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)); }
.vld-sh-foot {
  flex: 0 0 auto; padding: 10px 0 calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--line-soft, rgba(0,0,0,.08));
}
.vld-sheet .vld-note { font-size: 13px; line-height: 1.45; color: var(--ink-2); padding: 10px 0; }
.vld-sheet .vld-link { color: var(--vv-green-dark, #1F6B45); }
.vld-sheet .vld-empty { color: var(--ink-2); }
.vld-sheet .slp-load { color: var(--ink-3); }

/* Шаг 1: поиск, группы, сетка стикеров */
.vld-pick-top {
  position: sticky; top: 0; z-index: 2; padding: 2px 0 8px;
  background: var(--paper, #fff);
}
.vld-in {
  width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 12px;
  border-radius: 12px; border: 1px solid var(--line, #E6E0D2); background: var(--bg, #F6F4EE);
  font: inherit; font-size: 16px; color: var(--ink, #1E1F1B); -webkit-appearance: none; appearance: none;
}
.vld-in:focus { outline: 2px solid var(--vv-green, #1E9E59); outline-offset: 0; border-color: transparent; }
.vld-in::placeholder { color: var(--ink-3); opacity: .8; }
.vld-groups {
  display: flex; gap: 6px; overflow-x: auto; margin: 8px -16px 0; padding: 0 16px;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.vld-groups::-webkit-scrollbar { display: none; }
.vld-g {
  flex: 0 0 auto; min-height: 44px; padding: 8px 14px; border-radius: 999px;
  border: 1px solid var(--line, #E6E0D2); background: transparent; font: inherit; font-size: 13px;
  font-weight: 600; color: var(--ink-2); cursor: pointer; white-space: nowrap;
}
.vld-g.is-on { background: var(--vv-green-dark, #1F6B45); border-color: var(--vv-green-dark, #1F6B45); color: #fff; }
.vld-gh {
  margin: 14px 2px 8px; font-size: 11px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: var(--ink-3);
}
/* М5 (проверка 25.09.2026): с minmax(96px) на 390 px выходило 3 колонки и 45 рядов прокрутки; 80 px — 4 и 3 на 320. */
.vld-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 6px; }
/* М1: крестик листа был 30×30 — меньше касания в 44 px. */
.vld-sheet .vv-modal-close { min-width: 44px; min-height: 44px; }
.vld-kind {
  display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px 8px;
  min-height: 108px; border-radius: 16px; border: 1px solid transparent; background: transparent;
  font: inherit; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.vld-kind:active { background: var(--line-soft, rgba(0,0,0,.05)); }
.vld-kind .vld-st { width: 56px; height: 56px; border-radius: 14px; display: block; }
.vld-kind span {
  font-size: 12.5px; font-weight: 600; line-height: 1.25; text-align: center;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Шаг 2: форма */
.vld-kindrow { display: flex; align-items: center; gap: 12px; padding: 2px 0 12px; }
.vld-kindrow .vld-st { width: 52px; height: 52px; border-radius: 13px; flex: none; }
.vld-kindrow-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vld-kindrow-t b { font-size: 16px; font-weight: 700; color: var(--ink); }
.vld-kindrow-t span { font-size: 12.5px; color: var(--ink-3); }
.vld-ghost {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line, #E6E0D2);
  background: transparent; font: inherit; font-size: 14px; font-weight: 700; color: var(--ink); cursor: pointer;
}
.vld-ghost .wh-ic { width: 17px; height: 17px; }
.vld-lab {
  display: block; margin: 12px 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--ink-2);
}
.vld-lab .vld-in { margin-top: 6px; font-weight: 400; letter-spacing: 0; }
/* Без отрицательных полей: тело листа прокручивается и обрезает всё, что шире него, — последний день
   («сегодня») уходил под край наполовину. */
.vld-strip-sm { margin: 0; padding: 0 0 2px; }
.vld-sheet .vld-chip { border-color: var(--line, #E6E0D2); color: var(--ink-2); }
.vld-sheet .vld-chip .vld-chip-d { color: var(--ink); }
.vld-sheet .vld-chip.is-on { background: var(--vv-green-dark, #1F6B45); border-color: var(--vv-green-dark, #1F6B45); color: rgba(255,255,255,.9); }
.vld-sheet .vld-chip.is-on .vld-chip-d { color: #fff; }
.vld-chip-sm { min-height: 52px; justify-content: center; }
.vld-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vld-two .vld-lab { margin-bottom: 0; }
.vld-quick { display: flex; gap: 6px; margin-top: 8px; }
.vld-q {
  flex: 1 1 0; min-height: 44px; border-radius: 12px; border: 1px solid var(--line, #E6E0D2);
  background: transparent; font: inherit; font-size: 14px; font-weight: 700; color: var(--ink-2); cursor: pointer;
}
.vld-q.is-on { background: var(--vv-green-dark, #1F6B45); border-color: var(--vv-green-dark, #1F6B45); color: #fff; }
.vld-more { margin-top: 14px; border-top: 1px solid var(--line-soft, rgba(0,0,0,.08)); padding-top: 4px; }
.vld-more > summary {
  list-style: none; cursor: pointer; min-height: 44px; display: flex; align-items: center;
  font-size: 14px; font-weight: 700; color: var(--vv-green-dark, #1F6B45);
}
.vld-more > summary::-webkit-details-marker { display: none; }
.vld-more > summary::after { content: '›'; margin-left: 8px; font-size: 20px; transition: transform .15s ease; }
.vld-more[open] > summary::after { transform: rotate(90deg); }
.vld-effs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; min-width: 0; }
.vld-eff {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  min-height: 52px; min-width: 0; padding: 4px 1px; border-radius: 12px; border: 1px solid var(--line, #E6E0D2);
  background: transparent; font: inherit; color: var(--ink-2); cursor: pointer;
}
.vld-eff b { font-size: 15px; color: var(--ink); }
/* М4: на 320 px «на пределе» не влезало и лист уезжал вбок на 9 px — колонки minmax(0) и перенос слова */
.vld-eff span { font-size: 10.5px; line-height: 1.15; text-align: center; overflow-wrap: anywhere; }
.vld-eff.is-on { background: var(--vv-green-dark, #1F6B45); border-color: var(--vv-green-dark, #1F6B45); color: rgba(255,255,255,.9); }
.vld-eff.is-on b { color: #fff; }
.vld-ta { min-height: 64px; resize: vertical; line-height: 1.4; }
.vld-save { width: 100%; min-height: 50px; }
.vld-save:disabled { opacity: .6; }
.vld-cap { margin-top: 8px; font-size: 12px; line-height: 1.4; text-align: center; color: var(--ink-3); }
.vld-err {
  margin-bottom: 8px; padding: 9px 12px; border-radius: 12px; font-size: 13px; line-height: 1.4;
  background: rgba(194,96,60,.12); color: #A64A2A;
}

/* Подробности */
.vld-hero { display: flex; align-items: center; gap: 14px; padding: 4px 0 14px; }
.vld-hero .vld-st { width: 72px; height: 72px; border-radius: 18px; flex: none; }
.vld-hero-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.vld-hero-t b { font-size: 16px; font-weight: 700; color: var(--ink); }
.vld-hero-t span { font-size: 13px; color: var(--ink-3); }
.vld-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vld-stat {
  padding: 11px 12px; border-radius: 14px; border: 1px solid var(--line-soft, rgba(0,0,0,.08));
  background: var(--bg, #F6F4EE);
}
.vld-stat-l { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); }
.vld-stat-v { margin-top: 4px; font-size: 20px; font-weight: 700; color: var(--ink); line-height: 1.15; font-variant-numeric: tabular-nums; }
.vld-stat-v span { font-size: 12.5px; font-weight: 600; color: var(--ink-3); }
.vld-stat-s { margin-top: 3px; font-size: 11.5px; line-height: 1.3; color: var(--ink-3); }
.vld-blk { margin-top: 16px; }
.vld-blk-h { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 8px; }
.vld-note-t { font-size: 14px; line-height: 1.5; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }

/* Зоны пульса: полоса из шести отрезков + строки. Цвета — мягкие, от серого к ягодному. */
.vld-zbar { display: flex; gap: 2px; height: 14px; border-radius: 7px; overflow: hidden; }
.vld-z { display: block; min-width: 3px; }
.vld-z0 { background: #A7AFB8; } .vld-z1 { background: #7FB7E6; } .vld-z2 { background: #5CC48C; }
.vld-z3 { background: #E8C14E; } .vld-z4 { background: #F0955A; } .vld-z5 { background: #E0607A; }
.vld-zrows { margin-top: 10px; display: flex; flex-direction: column; }
.vld-zr { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--line-soft, rgba(0,0,0,.06)); }
.vld-zr:first-child { border-top: 0; }
.vld-zd { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.vld-zr-n { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.vld-zr-n small { display: block; font-size: 11.5px; font-weight: 400; color: var(--ink-3); }
.vld-zr-v { font-size: 13px; color: var(--ink-2); white-space: nowrap; font-variant-numeric: tabular-nums; }

.vld-hr { width: 100%; height: auto; display: block; }
.vld-hr polyline { fill: none; stroke: #E0607A; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.vld-hr .grid { stroke: var(--line-soft, rgba(0,0,0,.08)); stroke-width: 1; }
.vld-hr text { font-size: 10px; fill: var(--ink-3); font-family: inherit; }

.vld-det-src { margin-top: 16px; }
.vld-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; }
.vld-act { width: 100%; }
.vld-danger { color: #B4453A; border-color: rgba(180,69,58,.35); }
.vld-prelim { margin-top: 14px; }

/* ── Ночная тема без неба ───────────────────────────────────────────────── */
/* М6: без color-scheme значок часов у поля времени в ночи оставался тёмным на тёмном */
.vv-theme-night .vld-in { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); color-scheme: dark; }
.vv-theme-night .vld-stat { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); }
.vv-theme-night .vld-err { background: rgba(255,150,110,.16); color: #FFB08A; }
.vv-theme-night .vld-danger { color: #FF9C8C; border-color: rgba(255,156,140,.35); }

/* ── Под небом: тёмное стекло, белый текст, мятный акцент ─────────────────── */
html.vv-sky-live.vv-sky-glass .vld-link,
html.vv-sky-live.vv-sky-glass .vld-sheet .vld-link,
html.vv-sky-live.vv-sky-glass .vld-more > summary { color: #8DF3C4 !important; }
html.vv-sky-live.vv-sky-glass .vld .vld-note,
html.vv-sky-live.vv-sky-glass .vld-connect-s,
html.vv-sky-live.vv-sky-glass .vld-day-h span,
html.vv-sky-live.vv-sky-glass .vld-row-t span,
html.vv-sky-live.vv-sky-glass .vld-empty { color: rgba(255,255,255,.82) !important; }
html.vv-sky-live.vv-sky-glass .vld-row-t .vld-row-n,
html.vv-sky-live.vv-sky-glass .vld-trk,
html.vv-sky-live.vv-sky-glass .vld-chev { color: rgba(255,255,255,.7) !important; }
html.vv-sky-live.vv-sky-glass .vld-row-t b,
html.vv-sky-live.vv-sky-glass .vld-day-h b,
html.vv-sky-live.vv-sky-glass .vld-connect-t { color: #fff !important; }
html.vv-sky-live.vv-sky-glass .vld-row { border-top-color: rgba(255,255,255,.1) !important; }
html.vv-sky-live.vv-sky-glass .vld-chip {
  background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.16) !important; color: rgba(255,255,255,.8) !important;
}
html.vv-sky-live.vv-sky-glass .vld-chip .vld-chip-d { color: #fff !important; }
html.vv-sky-live.vv-sky-glass .vld-chip-n.has { background: #8DF3C4 !important; color: #06281C !important; }
html.vv-sky-live.vv-sky-glass .vld-chip.is-on,
html.vv-sky-live.vv-sky-glass .vld-g.is-on,
html.vv-sky-live.vv-sky-glass .vld-q.is-on,
html.vv-sky-live.vv-sky-glass .vld-eff.is-on {
  background: #8DF3C4 !important; border-color: #8DF3C4 !important; color: #06281C !important;
}
html.vv-sky-live.vv-sky-glass .vld-chip.is-on .vld-chip-d,
html.vv-sky-live.vv-sky-glass .vld-eff.is-on b { color: #06281C !important; }
html.vv-sky-live.vv-sky-glass .vld-chip.is-on .vld-chip-n.has { background: #06281C !important; color: #8DF3C4 !important; }

html.vv-sky-live.vv-sky-glass .vld-pick-top { background: rgba(12,18,28,.98) !important; }
html.vv-sky-live.vv-sky-glass .vld-in {
  background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important;
  color-scheme: dark;
}
html.vv-sky-live.vv-sky-glass .vld-in::placeholder { color: rgba(255,255,255,.55) !important; }
html.vv-sky-live.vv-sky-glass .vld-in:focus { outline-color: #8DF3C4 !important; }
html.vv-sky-live.vv-sky-glass .vld-g,
html.vv-sky-live.vv-sky-glass .vld-q,
html.vv-sky-live.vv-sky-glass .vld-eff,
html.vv-sky-live.vv-sky-glass .vld-ghost {
  border-color: rgba(255,255,255,.18) !important; color: rgba(255,255,255,.9) !important; background: rgba(255,255,255,.04) !important;
}
html.vv-sky-live.vv-sky-glass .vld-eff b { color: #fff !important; }
html.vv-sky-live.vv-sky-glass .vld-kind { color: #fff !important; }
html.vv-sky-live.vv-sky-glass .vld-kind:active { background: rgba(255,255,255,.08) !important; }
html.vv-sky-live.vv-sky-glass .vld-gh,
html.vv-sky-live.vv-sky-glass .vld-cap,
html.vv-sky-live.vv-sky-glass .vld-kindrow-t span,
html.vv-sky-live.vv-sky-glass .vld-hero-t span { color: rgba(255,255,255,.72) !important; }
html.vv-sky-live.vv-sky-glass .vld-lab,
html.vv-sky-live.vv-sky-glass .vld-blk-h { color: rgba(255,255,255,.86) !important; }
html.vv-sky-live.vv-sky-glass .vld-sh-foot,
html.vv-sky-live.vv-sky-glass .vld-more { border-top-color: rgba(255,255,255,.1) !important; }
html.vv-sky-live.vv-sky-glass .vld-stat { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.1) !important; }
html.vv-sky-live.vv-sky-glass .vld-stat-l,
html.vv-sky-live.vv-sky-glass .vld-stat-s,
html.vv-sky-live.vv-sky-glass .vld-stat-v span { color: rgba(255,255,255,.72) !important; }
html.vv-sky-live.vv-sky-glass .vld-stat-v,
html.vv-sky-live.vv-sky-glass .vld-hero-t b,
html.vv-sky-live.vv-sky-glass .vld-kindrow-t b,
html.vv-sky-live.vv-sky-glass .vld-zr-n,
html.vv-sky-live.vv-sky-glass .vld-note-t { color: #fff !important; }
html.vv-sky-live.vv-sky-glass .vld-zr-n small,
html.vv-sky-live.vv-sky-glass .vld-zr-v { color: rgba(255,255,255,.75) !important; }
html.vv-sky-live.vv-sky-glass .vld-zr { border-top-color: rgba(255,255,255,.08) !important; }
html.vv-sky-live.vv-sky-glass .vld-hr text { fill: rgba(255,255,255,.8) !important; }
html.vv-sky-live.vv-sky-glass .vld-hr .grid { stroke: rgba(255,255,255,.14) !important; }
html.vv-sky-live.vv-sky-glass .vld-err { background: rgba(255,150,110,.16) !important; color: #FFB08A !important; }
html.vv-sky-live.vv-sky-glass .vld-danger { color: #FF9C8C !important; border-color: rgba(255,156,140,.35) !important; }

@media (prefers-reduced-motion: reduce) {
  .vld-more > summary::after { transition: none; }
}