/* ============================================================
   LANDINGPEAK — /readers : «Три читателя».
   Проверка текста: читаемость, машины, люди.

   Направление то же, что у сайта после 3 сентября: непрозрачные поверхности
   со ступенькой светлоты, тонкая светлая кромка сверху, тень вместо свечения,
   бордовый в заливках и розовый акцент в тексте. Статусные цвета —
   зелёный / янтарный / красный — только там, где они значат «хорошо / так
   себе / плохо», и всегда в паре с формой (подчёркивание, значок), чтобы
   смысл не держался на одном цвете.
   ============================================================ */

.readers-page {
  /* ── «Вечнозелёное» ────────────────────────────────────────────────────
     Хвоя, папоротник, изумруд. Фон поднят с чёрного до глубокого зелёного
     (тот же приём, что для #15161D: у дна появляется дно, от которого
     строятся этажи), поверхности непрозрачные, кромка сверху светлая.
     Никакого неона: акцент — приглушённая мята, не #00FF9C.

     Бордовый бренд не пропал, он стал вторым голосом: розовый кварц
     отмечает изъян в тексте, изумруд — ясность. Логотип остаётся розовым.

     Контрасты на --surface: --text 14.8:1, --text-dim 8.3:1, --text-faint 5.0:1,
     --accent 9.9:1; белый на --brand 5.0:1. */
  --bg: #111A16;
  --bg-deep: #0C1310;
  --surface: #17221D;
  --surface-2: #1E2B25;
  --surface-3: #27372F;
  --panel: var(--surface);
  --panel-strong: var(--surface-2);

  --line: rgba(190, 235, 212, 0.09);
  --line-mid: rgba(190, 235, 212, 0.15);
  --line-bright: rgba(190, 235, 212, 0.25);

  --text: #E9F1EC;
  --text-dim: #AEC1B6;
  --text-faint: #7E9488;

  --brand: #1B7F53;
  --brand-lit: #2A9A67;
  --brand-deep: #0F4D33;
  --accent: #86DAB0;
  --accent-hot: #B4EBCE;
  --accent-deep: #1B7F53;
  --accent-wash: rgba(134, 218, 176, 0.10);
  --ok: #86DAB0;
  --pain: #E4879A;
  --edge-top: inset 0 1px 0 rgba(220, 255, 236, 0.07);

  --accent-rgb: 134, 218, 176;
  --brand-rgb: 27, 127, 83;
  --dim-rgb: 174, 193, 182;
  --good-rgb: 134, 218, 176;

  /* Три камня: изумруд — ясно, цитрин — так себе, розовый кварц — изъян. */
  --good: #86DAB0;
  --mid: #D8C176;
  --bad: #E4879A;
  --good-wash: rgba(134, 218, 176, 0.11);
  --mid-wash: rgba(216, 193, 118, 0.11);
  --bad-wash: rgba(228, 135, 154, 0.12);
}

body.readers-page {
  background-image:
    radial-gradient(1200px 640px at 50% -14%, rgba(var(--brand-rgb), 0.22), transparent 68%),
    radial-gradient(900px 560px at -8% 106%, rgba(24, 120, 108, 0.14), transparent 66%);
}
.readers-page ::selection { background: rgba(var(--brand-rgb), 0.6); color: #FFF; }
.readers-page .fog-a { background: radial-gradient(closest-side, rgba(var(--brand-rgb), 0.16), transparent 70%); }
.readers-page .fog-b { background: radial-gradient(closest-side, rgba(24, 120, 108, 0.12), transparent 70%); }
.readers-page .topbar { background: rgba(17, 26, 22, 0.72); }
.readers-page .topbar.is-stuck { background: rgba(17, 26, 22, 0.9); }
.readers-page .brand-mark { color: #E4879A; }
.readers-page .brand:hover .brand-mark { color: #F0A0B4; }
.readers-page .nav-link:hover { border-bottom-color: rgba(var(--accent-rgb), 0.5); }
.readers-page .nav-link.is-current { border-bottom-color: rgba(var(--accent-rgb), 0.65); }
.readers-page .btn-primary { background: linear-gradient(180deg, var(--brand-lit), var(--brand) 58%, #166B45); }
.readers-page .btn-primary:hover { background: linear-gradient(180deg, #38AE77, var(--brand-lit) 58%, var(--brand)); }
@media (max-width: 860px) { .readers-page .nav-main { background: var(--bg-deep); } }

.readers-page .serif-accent { text-shadow: none; }

/* ---------- шапка ---------- */

.rd-hero { padding: 128px 0 40px; text-align: center; }
.rd-hero h1 { font-size: clamp(38px, 5.6vw, 68px); margin-bottom: 20px; }
.rd-lede { max-width: 660px; margin: 0 auto 30px; font-size: 18px; color: var(--text-dim); }

.rd-eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em;
  color: var(--text-dim); padding: 7px 15px; margin-bottom: 22px;
  border: 1px solid var(--line-mid); border-radius: 999px;
  background: var(--surface); box-shadow: var(--edge-top);
}
.rd-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); flex: none; }
.rd-eyebrow-left {
  padding: 0; border: 0; background: none; box-shadow: none; margin-bottom: 12px;
  font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-faint);
}

.rd-trio {
  list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
  max-width: 860px; margin: 0 auto 26px; text-align: left;
}
.rd-trio li {
  display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 12px;
  align-items: center; padding: 14px 16px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--edge-top);
}
.rd-trio svg { grid-row: 1 / 3; width: 34px; height: 34px; padding: 7px; color: var(--accent); background: var(--accent-wash); border-radius: 10px; }
.rd-trio b { font-family: var(--font-head); font-size: 15.5px; font-weight: 700; letter-spacing: -0.01em; }
.rd-trio span { font-size: 13px; color: var(--text-faint); line-height: 1.4; }

/* ---------- панель ввода ---------- */

.rd-panel {
  max-width: 860px; margin: 0 auto; text-align: left;
  background: var(--surface); border: 1px solid var(--line-mid); border-radius: var(--radius-lg);
  padding: 20px; box-shadow: var(--edge-top), var(--shadow-2);
}
.rd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.rd-tabs {
  display: inline-flex; gap: 2px; padding: 4px; margin-bottom: 14px;
  background: var(--bg-deep); border: 1px solid var(--line); border-radius: 999px;
}
.rd-tab {
  cursor: pointer; border: 0; background: none; color: var(--text-dim);
  padding: 9px 18px; border-radius: 999px; font: 500 14px var(--font-body);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.rd-tab:hover { color: var(--text); }
.rd-tab.is-on { background: var(--surface-3); color: var(--text); box-shadow: var(--edge-top); }

.rd-pane[hidden] { display: none; }
.rd-text, .rd-url {
  display: block; width: 100%;
  background: var(--bg-deep); color: var(--text);
  border: 1px solid var(--line-mid); border-radius: 14px;
  font-family: var(--font-body); font-size: 16px; line-height: 1.65;
  padding: 16px 18px; transition: border-color 0.2s ease;
}
.rd-text { min-height: 260px; resize: vertical; }
.rd-url { font-family: var(--font-mono); font-size: 15px; padding: 17px 18px; }
.rd-text::placeholder, .rd-url::placeholder { color: var(--text-faint); }
.rd-text:hover, .rd-url:hover { border-color: var(--line-bright); }
.rd-text:focus, .rd-url:focus { outline: none; border-color: var(--accent); }
.rd-text.is-drop { border-style: dashed; border-color: var(--accent); background: var(--accent-wash); }

.rd-textbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
.rd-count { font-size: 12px; color: var(--text-faint); }
.rd-samples { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rd-samples-l { font-size: 13px; color: var(--text-faint); margin-right: 2px; }
.rd-sample-note { margin-top: 10px; font-size: 13px; color: var(--text-faint); }
.rd-sample-note[hidden] { display: none; }
.rd-urlnote { margin-top: 12px; font-size: 14px; color: var(--text-faint); }

.rd-chip {
  cursor: pointer; font: 500 13px var(--font-body); color: var(--text-dim);
  background: var(--surface-2); border: 1px solid var(--line-mid); border-radius: 999px;
  padding: 7px 14px; box-shadow: var(--edge-top);
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.rd-chip:hover { color: var(--text); border-color: rgba(var(--accent-rgb), 0.55); background: var(--surface-3); }

.rd-opts {
  display: grid; grid-template-columns: 1.2fr 1fr 0.9fr auto; gap: 10px; align-items: end;
  margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line);
}
.rd-opt { display: flex; flex-direction: column; gap: 6px; }
.rd-opt span { font-size: 12.5px; color: var(--text-faint); }
.rd-opt select {
  appearance: none; -webkit-appearance: none; cursor: pointer;
  background: var(--bg-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23838A99' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
  color: var(--text); border: 1px solid var(--line-mid); border-radius: 12px;
  padding: 12px 36px 12px 14px; font: 14.5px var(--font-body);
}
.rd-opt select:hover { border-color: var(--line-bright); }
.rd-go { min-width: 150px; }
.rd-go[disabled] { opacity: 0.55; cursor: progress; transform: none; }
.rd-hint { margin-top: 12px; font-size: 12px; color: var(--text-faint); }
.rd-hint kbd {
  font: 11px var(--font-mono); padding: 2px 6px; border-radius: 5px;
  background: var(--surface-3); border: 1px solid var(--line-mid); color: var(--text-dim);
}

/* ---------- «три читателя берутся за текст» ---------- */

.rd-run { max-width: 860px; margin: 18px auto 0; display: grid; gap: 8px; text-align: left; }
.rd-run[hidden] { display: none; }
.rd-run-line { font-size: 15px; color: var(--text-dim); padding: 4px 2px; }
.rd-step {
  display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 4px 14px;
  padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface);
  opacity: 0.45; transition: opacity 0.3s ease;
}
.rd-step b { font-family: var(--font-head); font-size: 14.5px; font-weight: 700; }
.rd-step span { font-size: 13.5px; color: var(--text-faint); }
.rd-step i { grid-column: 1 / 3; height: 3px; border-radius: 2px; background: var(--surface-3); position: relative; overflow: hidden; }
.rd-step i::after { content: ""; position: absolute; inset: 0; width: 0; background: linear-gradient(90deg, var(--brand), var(--accent)); transition: width 0.32s ease; }
.rd-step.is-on { opacity: 1; }
.rd-step.is-on i::after { width: 100%; }

/* Ошибка — пунктир, не цвет: так на сайте отмечено «здесь может пойти не так». */
.rd-error {
  max-width: 860px; margin: 18px auto 0; text-align: left;
  border: 1px dashed var(--line-bright); border-radius: 14px; background: var(--surface);
  padding: 16px 20px; color: var(--text); font-size: 15px;
}
.rd-error[hidden] { display: none; }
.rd-error.is-warn { border-color: rgba(var(--accent-rgb), 0.6); }

/* ---------- результат ---------- */

.rd-out { max-width: 1080px; padding-top: 10px; padding-bottom: 20px; }
.rd-out[hidden] { display: none; }
.rd-rise { animation: rd-rise 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes rd-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.rd-metaline { text-align: center; font-size: 12.5px; color: var(--text-faint); margin-bottom: 18px; }
.rd-metaline b { color: var(--text); font-weight: 500; }

.rd-banner {
  border: 1px dashed var(--line-bright); border-radius: 14px; background: var(--surface);
  padding: 14px 18px; margin-bottom: 16px; font-size: 14.5px; color: var(--text-dim);
}
.rd-banner p + p { margin-top: 8px; }
.rd-banner b { color: var(--text); font-weight: 600; }

.rd-h2 {
  font-family: var(--font-head); font-weight: 700; letter-spacing: -0.03em;
  font-size: clamp(28px, 3.6vw, 42px); line-height: 1.08; margin-bottom: 10px;
}
.rd-h2-sm { font-size: clamp(22px, 2.6vw, 30px); margin: 54px 0 16px; }
.rd-sec { margin-top: 68px; }
.rd-sec-h { margin-bottom: 22px; }
.rd-sec-sub, .rd-lede-s { max-width: 680px; color: var(--text-dim); font-size: 16px; }

/* ---------- шкалы ---------- */

.rd-verdict { display: grid; grid-template-columns: 290px 1fr; gap: 14px; align-items: stretch; }

.rd-overall {
  text-align: center; padding: 26px 22px 24px; border-radius: var(--radius-lg);
  border: 1px solid rgba(var(--accent-rgb), 0.3);
  background: linear-gradient(165deg, rgba(var(--brand-rgb), 0.16), var(--surface) 62%);
  box-shadow: var(--edge-top), var(--shadow-1);
  display: flex; flex-direction: column; align-items: center;
}
.rd-kicker { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-faint); margin-bottom: 8px; }
.rd-tier-big { font-family: var(--font-head); font-size: 32px; font-weight: 700; margin: 14px 0 8px; line-height: 1.1; }
.rd-tier-big .serif-accent { font-size: 1.12em; }
.rd-overall-line { font-size: 14.5px; color: var(--text-dim); max-width: 34ch; }
.rd-overall-line b { color: var(--text); font-weight: 600; }
.rd-explain { margin-top: auto; padding-top: 14px; font-size: 12.5px; color: var(--text-faint); }

.rd-readers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rd-reader {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 20px 16px 18px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--edge-top);
}
.rd-reader header { display: flex; align-items: center; gap: 10px; align-self: stretch; text-align: left; }
.rd-reader h3 { font-family: var(--font-head); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }
.rd-reader header p { font-size: 12.5px; color: var(--text-faint); }
.rd-ico {
  display: inline-grid; place-items: center; width: 30px; height: 30px; flex: none;
  color: var(--accent); background: var(--accent-wash); border-radius: 9px;
}
.rd-ico svg { width: 18px; height: 18px; }

.dial { position: relative; width: 132px; height: 132px; margin: 14px auto 4px; }
.dial-big { width: 168px; height: 168px; margin: 6px auto 0; }
.gem { display: block; width: 100%; height: 100%; filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.38)); overflow: visible; }
.gem-base polygon:nth-child(odd) { fill: var(--surface-2); }
.gem-base polygon:nth-child(even) { fill: var(--surface-3); }
.gem-lit polygon { opacity: 0; transition: opacity 0.55s ease; }
.gem .gf-a { fill: var(--gc1); }
.gem .gf-b { fill: var(--gc2); }
.gem .gf-c { fill: var(--gc3); }
.gem.is-good { --gc1: #2E9B6C; --gc2: #4DBB8A; --gc3: #86DAB0; }
.gem.is-mid { --gc1: #A88B2F; --gc2: #C8A94A; --gc3: #E2CB7B; }
.gem.is-bad { --gc1: #A8465E; --gc2: #C4647B; --gc3: #E4879A; }
.gem-table { fill: var(--bg-deep); stroke: rgba(214, 255, 232, 0.34); stroke-width: 1; }
.gem-edges polygon { fill: none; stroke: rgba(214, 255, 232, 0.26); stroke-width: 1; stroke-linejoin: round; }
.gem-edges .gem-rim { stroke: rgba(214, 255, 232, 0.55); }
.dial-num { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.dial-num b { font-family: var(--font-head); font-size: 34px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.dial-big .dial-num b { font-size: 58px; }

.rd-delta {
  font: 500 11px var(--font-mono); padding: 2px 8px; border-radius: 999px;
  position: absolute; bottom: 20px;
}
.dial-big .rd-delta { bottom: 34px; }
.rd-delta.up { color: var(--good); background: var(--good-wash); }
.rd-delta.down { color: var(--bad); background: var(--bad-wash); }

.rd-tier { font-family: var(--font-serif); font-style: italic; font-size: 23px; line-height: 1.1; margin: 4px 0 0; }
.rd-reader.is-good .rd-tier { color: var(--good); }
.rd-reader.is-mid .rd-tier { color: var(--mid); }
.rd-reader.is-bad .rd-tier { color: var(--bad); }

.fp { display: flex; align-items: flex-end; gap: 4px; height: 36px; width: 100%; margin: 14px 0 12px; padding: 0 6px; }
.fp-bar { flex: 1; min-width: 3px; border-radius: 3px 3px 1px 1px; background: var(--text-faint); opacity: 0.85; }
.fp-bar.good { background: var(--good); }
.fp-bar.mid { background: var(--mid); }
.fp-bar.bad { background: var(--bad); }

.rd-sw { list-style: none; align-self: stretch; text-align: left; font-size: 13px; color: var(--text-dim); display: grid; gap: 4px; }
.rd-sw li { display: flex; gap: 8px; align-items: baseline; line-height: 1.35; }
.rd-sw i { font-style: normal; font-size: 9px; flex: none; }
.rd-sw .up i { color: var(--good); }
.rd-sw .down i { color: var(--bad); }

/* ---------- рычаги ---------- */

.rd-levers { list-style: none; display: grid; gap: 10px; }
.rd-lever {
  display: grid; grid-template-columns: 44px 1fr; gap: 16px;
  padding: 20px 22px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--edge-top);
}
.lv-n {
  width: 38px; height: 38px; display: grid; place-items: center;
  font: 800 18px var(--font-head); color: var(--accent);
  border: 1px solid rgba(var(--accent-rgb), 0.4); border-radius: 50%;
}
.lv-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.lv-top h3 { font-family: var(--font-head); font-size: 19px; font-weight: 700; letter-spacing: -0.02em; }
.lv-gain { font: 500 12px var(--font-mono); color: var(--accent); background: var(--accent-wash); border-radius: 999px; padding: 3px 10px; }
.lv-r { font-size: 12.5px; color: var(--text-faint); }
.lv-measure { margin: 6px 0 0; font-size: 12px; color: var(--text-faint); }
.lv-q { margin: 12px 0 0; padding-left: 14px; border-left: 2px solid var(--accent); font-family: var(--font-serif); font-style: italic; font-size: 18px; line-height: 1.45; color: var(--text-dim); }
.lv-q small { font: 12px var(--font-mono); font-style: normal; color: var(--text-faint); }
.lv-fix { margin-top: 10px; font-size: 15px; color: var(--text-dim); max-width: 68ch; }
.lv-show {
  margin-top: 12px; cursor: pointer; background: none; border: 0; padding: 0;
  font: 500 13.5px var(--font-body); color: var(--accent); border-bottom: 1px solid rgba(var(--accent-rgb), 0.4);
}
.lv-show:hover { border-color: var(--accent); }

/* ---------- линзы ---------- */

.lens-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.lens-tab {
  display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  padding: 9px 16px 9px 10px; background: var(--surface); color: var(--text-dim);
  border: 1px solid var(--line-mid); border-radius: 999px; font: 600 14.5px var(--font-head);
  box-shadow: var(--edge-top); transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.lens-tab b { font: 500 12px var(--font-mono); color: var(--text-faint); }
.lens-tab:hover { color: var(--text); }
.lens-tab.is-on { background: var(--surface-3); color: var(--text); border-color: rgba(var(--accent-rgb), 0.6); }
.lens-tab.is-on b { color: var(--accent); }

.lg-q { font-family: var(--font-serif); font-style: italic; font-size: 19px; color: var(--text-dim); margin-bottom: 10px; }
.lg-wrap[hidden] { display: none; }
.lg { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; margin-bottom: 18px; font-size: 13.5px; color: var(--text-dim); }
.lg li { display: inline-flex; align-items: center; gap: 8px; }
.lg li b { font: 500 12px var(--font-mono); color: var(--text-faint); }

.rd-rhythm { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 20px 14px; margin-bottom: 14px; box-shadow: var(--edge-top); }
.rh-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.rh-head h3 { font: 700 15px var(--font-head); letter-spacing: -0.01em; }
.rh-head p { font-size: 11.5px; color: var(--text-faint); }
.rh-plot { position: relative; display: flex; align-items: flex-end; justify-content: flex-start; gap: 2px; height: 84px; border-bottom: 1px solid var(--line-mid); }
.rh-line { position: absolute; left: 0; right: 0; bottom: var(--long); border-top: 1px dashed rgba(255, 255, 255, 0.28); pointer-events: none; }
.rb {
  flex: 1 1 0; min-width: 2px; max-width: 16px; padding: 0; border: 0; cursor: pointer; border-radius: 2px 2px 0 0;
  background: rgba(var(--dim-rgb), 0.5); transition: background-color 0.15s ease, transform 0.15s ease;
}
.rb.short { background: rgba(var(--dim-rgb), 0.26); }
.rb.long { background: var(--mid); }
.rb.vlong { background: var(--bad); }
.rb:hover { background: var(--accent); transform: scaleX(1.5); }
.rh-key { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 11.5px; color: var(--text-faint); }
.rh-key span { display: inline-flex; align-items: center; gap: 6px; }
.rh-key i { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.k-short { background: rgba(var(--dim-rgb), 0.26); }
.k-ok { background: rgba(var(--dim-rgb), 0.5); }
.k-long { background: var(--mid); }
.k-vlong { background: var(--bad); }

/* ---------- сам текст ---------- */

.rd-doc {
  background: var(--surface); border: 1px solid var(--line-mid); border-radius: var(--radius-lg);
  padding: clamp(22px, 4vw, 44px) clamp(20px, 5vw, 58px); box-shadow: var(--edge-top), var(--shadow-1);
  font-size: 17px; line-height: 1.85; color: var(--text);
}
.rd-doc > * { max-width: 68ch; }
.dt-p { margin: 0 0 1.15em; position: relative; }
.dt-h { font-family: var(--font-head); letter-spacing: -0.025em; line-height: 1.2; margin: 1.7em 0 0.55em; }
.dt-h1 { font-size: 30px; font-weight: 800; margin-top: 0; }
.dt-h2 { font-size: 22px; font-weight: 700; }
.dt-h3 { font-size: 18px; font-weight: 700; color: var(--text-dim); }
.dt-ul { padding-left: 1.3em; margin: 0 0 1.15em; }
.dt-ul li { margin: 0.25em 0; position: relative; }
.dt-q { margin: 0 0 1.15em; padding-left: 18px; border-left: 3px solid var(--line-bright); color: var(--text-dim); font-family: var(--font-serif); font-style: italic; font-size: 1.08em; }
.dt-cut { margin-top: 20px; font-size: 12px; color: var(--text-faint); }

.mk { border-radius: 3px; }
.s.is-pulse, .dt-p.is-pulse, .dt-h.is-pulse, .dt-ul li.is-pulse { animation: rd-pulse 2.2s ease-out; }
@keyframes rd-pulse { 0%, 30% { background: rgba(var(--accent-rgb), 0.4); } 100% { background: transparent; } }

/* читаемость */
.lens-read .s.is-long { background: linear-gradient(var(--mid), var(--mid)) 0 100% / 100% 2px no-repeat; padding-bottom: 1px; }
.lens-read .s.is-vlong { background-image: linear-gradient(var(--bad), var(--bad)); background-size: 100% 2px; background-position: 0 100%; background-repeat: no-repeat; }
.lens-read .r-hard { background: var(--accent-wash); box-shadow: 0 0 0 2px var(--accent-wash); }
.lens-read .r-fill { text-decoration: line-through; text-decoration-color: var(--bad); text-decoration-thickness: 1.5px; color: var(--text-dim); }
.lens-read .r-pass { border-bottom: 1.5px dotted var(--mid); }

/* машины */
.lens-machine .m-num { color: var(--good); background: var(--good-wash); box-shadow: 0 0 0 2px var(--good-wash); }
.lens-machine .m-ent { border-bottom: 1.5px solid rgba(var(--good-rgb), 0.6); }
.lens-machine .m-cite { background: var(--good-wash); font-style: italic; }
.lens-machine .m-vague { text-decoration: underline wavy var(--bad); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lens-machine .m-anaph { background: var(--bad-wash); border-bottom: 2px solid var(--bad); box-shadow: 0 0 0 2px var(--bad-wash); }
.pas-tag {
  display: none; margin: 1.6em 0 0.5em; padding: 3px 0 3px 12px; max-width: none;
  font: 12px var(--font-mono); color: var(--text-faint); border-left: 3px solid var(--line-bright);
}
.pas-tag span { color: var(--text-dim); }
.pas-tag.st-ok { border-color: var(--good); }
.pas-tag.st-flat { border-color: var(--text-faint); }
.pas-tag.st-mid { border-color: var(--mid); }
.pas-tag.st-bad { border-color: var(--bad); }
.lens-machine .pas-tag { display: block; }
.gen-tag { display: none; font: 11.5px var(--font-mono); font-style: normal; color: var(--bad); margin-left: 6px; letter-spacing: 0; }
.lens-machine .gen-tag { display: inline; }
.lens-machine .is-generic { text-decoration: underline wavy var(--bad); text-underline-offset: 6px; text-decoration-thickness: 1px; }

/* люди */
.lens-human .h-you { border-bottom: 1.5px solid var(--accent); }
.lens-human .h-contrast { background: var(--mid-wash); box-shadow: 0 0 0 2px var(--mid-wash); }
.lens-human .h-ex { background: var(--good-wash); box-shadow: 0 0 0 2px var(--good-wash); }
.lens-human .h-cliche { text-decoration: underline wavy var(--bad); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lens-human .h-cta { background: var(--accent-wash); border-bottom: 2px solid var(--accent); }
.lens-human .s.is-hook { background: rgba(var(--accent-rgb), 0.13); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.13); border-radius: 3px; }

/* образцы в легенде — те же правила, что у текста */
.lg-read .s.is-long { background: linear-gradient(var(--mid), var(--mid)) 0 100% / 100% 2px no-repeat; }
.lg-read .r-hard { background: var(--accent-wash); box-shadow: 0 0 0 2px var(--accent-wash); }
.lg-read .r-fill { text-decoration: line-through; text-decoration-color: var(--bad); text-decoration-thickness: 1.5px; }
.lg-read .r-pass { border-bottom: 1.5px dotted var(--mid); }
.lg-machine .m-num { color: var(--good); background: var(--good-wash); box-shadow: 0 0 0 2px var(--good-wash); }
.lg-machine .m-ent { border-bottom: 1.5px solid rgba(var(--good-rgb), 0.6); }
.lg-machine .m-cite { background: var(--good-wash); font-style: italic; }
.lg-machine .m-vague { text-decoration: underline wavy var(--bad); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lg-machine .m-anaph { background: var(--bad-wash); border-bottom: 2px solid var(--bad); }
.lg-human .h-you { border-bottom: 1.5px solid var(--accent); }
.lg-human .h-contrast { background: var(--mid-wash); box-shadow: 0 0 0 2px var(--mid-wash); }
.lg-human .h-ex { background: var(--good-wash); box-shadow: 0 0 0 2px var(--good-wash); }
.lg-human .h-cliche { text-decoration: underline wavy var(--bad); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lg-human .h-cta { background: var(--accent-wash); border-bottom: 2px solid var(--accent); }
.lg-human .s.is-hook { background: rgba(var(--accent-rgb), 0.13); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.13); }

/* ---------- вид глазами машины ---------- */

.rd-mv { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; align-items: start; }
.pas-list { list-style: none; display: grid; gap: 8px; }
.pas {
  display: grid; grid-template-columns: 32px 1fr auto; gap: 14px; align-items: start;
  padding: 16px 18px; background: var(--surface); border: 1px solid var(--line);
  border-left: 3px solid var(--line-bright); border-radius: 14px; box-shadow: var(--edge-top);
}
.pas.st-ok { border-left-color: var(--good); }
.pas.st-mid { border-left-color: var(--mid); }
.pas.st-bad { border-left-color: var(--bad); }
.pas.st-flat { border-left-color: var(--text-faint); }
.pas-i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font: 600 13px var(--font-head); background: var(--surface-3); }
.st-ok .pas-i { color: var(--good); }
.st-mid .pas-i { color: var(--mid); }
.st-bad .pas-i { color: var(--bad); }
.pas-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pas-top b { font: 700 15px var(--font-head); letter-spacing: -0.01em; }
.pas-top .mono { font-size: 11.5px; color: var(--text-faint); }
.pas-bar { flex: 1; min-width: 40px; max-width: 120px; height: 3px; background: var(--surface-3); border-radius: 2px; overflow: hidden; }
.pas-bar i { display: block; height: 100%; background: var(--text-faint); border-radius: 2px; }
.pas-q { margin-top: 6px; font-family: var(--font-serif); font-style: italic; font-size: 17px; line-height: 1.4; color: var(--text-dim); }
.pas-why { margin-top: 6px; font-size: 13.5px; color: var(--text-faint); }
.pas-go { cursor: pointer; background: none; border: 0; font: 500 13px var(--font-body); color: var(--accent); border-bottom: 1px solid rgba(var(--accent-rgb), 0.4); padding: 0; align-self: center; }
.pas-go:hover { border-color: var(--accent); }

.lift {
  position: sticky; top: 92px; padding: 22px 24px; background: var(--surface-2);
  border: 1px solid var(--line-mid); border-left: 3px solid var(--accent); border-radius: var(--radius); box-shadow: var(--edge-top), var(--shadow-1);
}
.lift-k { font: 500 11.5px var(--font-mono); letter-spacing: 0.06em; color: var(--accent); margin-bottom: 10px; }
.lift h4 { font: 700 17px var(--font-head); letter-spacing: -0.02em; margin-bottom: 8px; }
.lift-t { font-family: var(--font-serif); font-style: italic; font-size: 19px; line-height: 1.5; }
.lift-n { margin-top: 14px; font-size: 12.5px; color: var(--text-faint); }

/* ---------- полный список проверок ---------- */

.rd-scorecard { display: grid; gap: 14px; }
.sc-group { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--edge-top); overflow: hidden; }
.sc-group > header { display: flex; align-items: center; gap: 12px; padding: 16px 22px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
.sc-group h3 { font: 700 18px var(--font-head); letter-spacing: -0.02em; flex: 1; }
.sc-group > header b { font: 800 26px var(--font-head); letter-spacing: -0.03em; }
.sc-group.is-good > header b { color: var(--good); }
.sc-group.is-mid > header b { color: var(--mid); }
.sc-group.is-bad > header b { color: var(--bad); }

.mrow { border-bottom: 1px solid var(--line); }
.mrow:last-of-type { border-bottom: 0; }
.mrow summary {
  display: grid; grid-template-columns: 12px 1fr 140px 34px 42px; gap: 16px; align-items: center;
  padding: 15px 22px; cursor: pointer; list-style: none;
}
.mrow summary::-webkit-details-marker { display: none; }
.mrow summary:hover { background: rgba(255, 255, 255, 0.025); }
.mr-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--text-faint); }
.mrow.good .mr-dot { background: var(--good); }
.mrow.mid .mr-dot { background: var(--mid); }
.mrow.bad .mr-dot { background: var(--bad); }
.mr-t { font-weight: 600; font-size: 15.5px; line-height: 1.35; }
.mr-t small { display: block; font-weight: 400; font-size: 11.5px; color: var(--text-faint); margin-top: 3px; }
.mr-bar { height: 5px; border-radius: 3px; background: var(--surface-3); overflow: hidden; }
.mr-bar i { display: block; height: 100%; border-radius: 3px; background: var(--text-faint); }
.mrow.good .mr-bar i { background: var(--good); }
.mrow.mid .mr-bar i { background: var(--mid); }
.mrow.bad .mr-bar i { background: var(--bad); }
.mr-n { font: 700 15px var(--font-head); text-align: right; }
.mr-w { font-size: 11.5px; color: var(--text-faint); text-align: right; }
.mr-body { padding: 4px 22px 20px 50px; font-size: 15px; color: var(--text-dim); display: grid; gap: 10px; max-width: 78ch; }
.mr-body b { color: var(--text); font-weight: 600; }
.mr-ask { font-family: var(--font-serif); font-style: italic; font-size: 18px; color: var(--text); }
.mr-ev { list-style: none; display: grid; gap: 6px; }
.mr-ev li { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; padding: 8px 12px; background: var(--bg-deep); border-radius: 10px; border: 1px solid var(--line); }
.mr-ev .ev { cursor: pointer; text-align: left; background: none; border: 0; color: var(--text); font: 14.5px var(--font-body); padding: 0; border-bottom: 1px dotted var(--line-bright); }
.mr-ev .ev:hover { color: var(--accent); border-color: var(--accent); }
.mr-ev span { font: 11.5px var(--font-mono); color: var(--text-faint); }
.mrow-na { padding: 14px 22px 18px; border-top: 1px dashed var(--line-mid); font-size: 13.5px; color: var(--text-faint); }
.mrow-na p { font-size: 11.5px; margin-bottom: 6px; }
.mrow-na ul { list-style: none; display: grid; gap: 4px; }
.mrow-na b { color: var(--text-dim); font-weight: 600; }

/* ---------- цифры, повторы ---------- */

.rd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.rd-stats > div { padding: 16px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--edge-top); }
.rd-stats b { display: block; font: 800 26px var(--font-head); letter-spacing: -0.03em; }
.rd-stats span { font: 11.5px var(--font-mono); color: var(--text-faint); }
.rd-lean { margin-top: 18px; }
.rd-lean h3 { font: 700 16px var(--font-head); margin-bottom: 4px; }
.rd-lean > p { font-size: 12px; color: var(--text-faint); margin-bottom: 12px; }
.rd-lean ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.rd-lean li { display: inline-flex; gap: 9px; align-items: baseline; padding: 6px 12px; background: var(--surface-2); border: 1px solid var(--line-mid); border-radius: 999px; font-size: 14px; }
.rd-lean li b { font: 500 12px var(--font-mono); color: var(--accent); }

/* ---------- призыв ---------- */

.rd-cta { margin-top: 68px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; }
.rd-cta-main, .rd-cta-side { border-radius: var(--radius-lg); padding: 34px; box-shadow: var(--edge-top), var(--shadow-1); }
.rd-cta-main { background: linear-gradient(150deg, rgba(var(--brand-rgb), 0.2), var(--surface) 65%); border: 1px solid rgba(var(--accent-rgb), 0.32); }
.rd-cta-side { background: var(--surface); border: 1px solid var(--line-mid); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.rd-cta h2 { font: 700 clamp(26px, 3vw, 34px) var(--font-head); letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 12px; }
.rd-cta-main > div > p, .rd-cta-main p { color: var(--text-dim); max-width: 54ch; margin-bottom: 20px; font-size: 15.5px; }
.rd-cta-side h3 { font: 700 20px var(--font-head); letter-spacing: -0.02em; line-height: 1.2; }
.rd-cta-side p { color: var(--text-dim); font-size: 15px; }
.rd-cta-more { margin-top: auto; font-size: 13.5px !important; color: var(--text-faint) !important; }
.rd-cta-more a { color: var(--accent); border-bottom: 1px solid rgba(var(--accent-rgb), 0.4); text-decoration: none; }
.rd-cta-more a:hover { border-color: var(--accent); }
.cta-form { display: flex; gap: 10px; flex-wrap: wrap; max-width: 560px; }
.cta-form input[type="email"] {
  flex: 1 1 230px; min-width: 0; background: var(--bg-deep); color: var(--text);
  border: 1px solid var(--line-bright); border-radius: 999px; padding: 0 20px; min-height: 50px;
  font: 15px var(--font-body);
}
.cta-form input:focus { outline: none; border-color: var(--accent); }
.cta-form .hp { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
.cta-form .btn[disabled] { opacity: 0.6; cursor: wait; transform: none; }
.cta-msg { margin-top: 12px !important; margin-bottom: 0 !important; font-size: 12px !important; color: var(--text-faint) !important; }
.cta-msg.ok { color: var(--good) !important; }
.cta-msg.err { color: var(--bad) !important; }
.cta-msg a { color: var(--accent); }

.rd-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

/* ---------- методология ---------- */

.rd-method { max-width: 1080px; padding-top: 96px; padding-bottom: 80px; }
.rd-method-lede { max-width: 700px; color: var(--text-dim); font-size: 17px; margin: 0 0 30px; }
.rd-method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rd-mcard { padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--edge-top); }
.rd-mcard header { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.rd-mcard header svg { width: 34px; height: 34px; padding: 7px; color: var(--accent); background: var(--accent-wash); border-radius: 10px; }
.rd-mcard h3 { font: 700 20px var(--font-head); letter-spacing: -0.02em; }
.rd-mq { font-family: var(--font-serif); font-style: italic; font-size: 18px; color: var(--text-dim); margin-bottom: 14px; }
.rd-mcard ol { list-style: none; counter-reset: m; display: grid; gap: 7px; font-size: 14.5px; }
.rd-mcard li { counter-increment: m; display: grid; grid-template-columns: 24px 1fr; }
.rd-mcard li::before { content: counter(m, decimal-leading-zero); font: 11.5px var(--font-mono); color: var(--text-faint); padding-top: 3px; }
.rd-mcard li em { color: var(--text-faint); font-style: normal; font-size: 13px; }
.rd-mcard li em::before { content: "· "; }

.rd-honest { margin-top: 14px; padding: 26px 28px; border: 1px dashed var(--line-bright); border-radius: var(--radius); background: var(--surface); }
.rd-honest h3 { font: 700 20px var(--font-head); letter-spacing: -0.02em; margin-bottom: 14px; }
.rd-honest ul { list-style: none; display: grid; gap: 12px; color: var(--text-dim); font-size: 15px; max-width: 78ch; }
.rd-honest b { color: var(--text); font-weight: 600; }

.rd-faq { display: grid; max-width: 820px; }
.rd-faq details { border-top: 1px solid var(--line); }
.rd-faq details:last-child { border-bottom: 1px solid var(--line); }
.rd-faq summary { cursor: pointer; list-style: none; padding: 18px 40px 18px 2px; font: 600 16.5px var(--font-body); position: relative; }
.rd-faq summary::-webkit-details-marker { display: none; }
.rd-faq summary::after { content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font: 300 24px var(--font-body); color: var(--accent); transition: transform 0.25s ease; }
.rd-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.rd-faq p { padding: 0 2px 20px; color: var(--text-dim); font-size: 15.5px; max-width: 70ch; }
.rd-faq a, .rd-sitecheck a { color: var(--accent); border-bottom: 1px solid rgba(var(--accent-rgb), 0.4); text-decoration: none; }
.rd-faq a:hover, .rd-sitecheck a:hover { border-color: var(--accent); }
.rd-sitecheck { margin-top: 40px; color: var(--text-dim); max-width: 700px; }

/* ---------- адаптив ---------- */

@media (max-width: 980px) {
  .rd-verdict { grid-template-columns: 1fr; }
  .rd-overall { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 4px 28px; text-align: left; }
  .rd-overall .rd-kicker { flex-basis: 100%; text-align: center; }
  .rd-overall .rd-tier-big, .rd-overall .rd-overall-line, .rd-overall .rd-explain { text-align: left; }
  .rd-overall > .dial-big { margin: 0; }
  .rd-mv { grid-template-columns: 1fr; }
  .lift { position: static; }
  .rd-method-grid { grid-template-columns: 1fr; }
  .rd-cta { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .rd-hero { padding: 104px 0 28px; }
  .rd-trio { grid-template-columns: 1fr; }
  .rd-opts { grid-template-columns: 1fr 1fr; }
  .rd-opts .rd-go { grid-column: 1 / 3; }
  .rd-readers { grid-template-columns: 1fr; }
  .rd-reader { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 4px 20px; text-align: left; }
  .rd-reader header { flex-basis: 100%; }
  .rd-reader .fp { flex: 1 1 140px; margin: 8px 0; width: auto; }
  .rd-reader .rd-sw { flex-basis: 100%; }
  .rd-stats { grid-template-columns: 1fr 1fr; }
  .rd-lever { grid-template-columns: 1fr; gap: 10px; padding: 18px; }
  .mrow summary { grid-template-columns: 12px 1fr 30px; gap: 12px; padding: 14px 16px; }
  .mrow summary .mr-bar, .mrow summary .mr-w { display: none; }
  .mr-body { padding-left: 40px; padding-right: 16px; }
  .rd-cta-main, .rd-cta-side { padding: 26px 22px; }
  .rd-doc { font-size: 16px; }
  .pas { grid-template-columns: 28px 1fr; }
  .pas-go { grid-column: 2; justify-self: start; }
  .rd-step { grid-template-columns: 1fr; }
  .rd-step i { grid-column: 1; }
}
@media (max-width: 480px) {
  .rd-opts { grid-template-columns: 1fr; }
  .rd-opts .rd-go { grid-column: 1; }
  .rd-panel { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-rise, .s.is-pulse, .dt-p.is-pulse { animation: none; }
  .gem-lit polygon, .rd-step i::after { transition: none; }
  .rd-crystal-wrap { animation: none; }
}


/* ============================================================
   Кристалл, папоротник, ветка
   Три вещи, которые дают странице характер, и все — тоном по тону:
   тонкие линии и точки на самом фоне, без свечения.
   ============================================================ */

/* Папоротник Барнсли: фрактал, который растёт вечнозелёным. Рисует
   js/readers-fractal.js на фиксированном полотне под всей страницей. */
#rd-fractal { position: fixed; inset: 0; z-index: -1; pointer-events: none; }

.rd-hero { position: relative; overflow: hidden; }
.rd-hero .wrap { position: relative; z-index: 1; }

/* Огранка сверху: шестиугольник, треугольные грани, стол. Линии в три
   толщины прозрачности — так виден объём без единого заливочного цвета.
   Крутится раз в четыре минуты: заметить нельзя, ощутить можно. */
.rd-crystal-wrap {
  position: absolute; left: 50%; top: -90px; width: min(900px, 130vw); aspect-ratio: 1;
  transform: translateX(-50%); pointer-events: none;
  -webkit-mask-image: radial-gradient(closest-side, #000 30%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 30%, transparent 100%);
  animation: rd-turn 240s linear infinite;
}
@keyframes rd-turn { to { transform: translateX(-50%) rotate(360deg); } }
.rd-crystal { width: 100%; height: 100%; display: block; }
.rd-crystal line { vector-effect: non-scaling-stroke; stroke-width: 1; }
.rd-crystal .e1 { stroke: rgba(190, 235, 212, 0.26); }
.rd-crystal .e2 { stroke: rgba(190, 235, 212, 0.12); }
.rd-crystal .e3 { stroke: rgba(190, 235, 212, 0.075); }

.rd-tagline {
  max-width: 560px; margin: -10px auto 28px; font-family: var(--font-serif); font-style: italic;
  font-size: 20px; line-height: 1.4; color: var(--accent);
}

/* Крошечное дерево-фрактал вместо чёрточки перед подзаголовком раздела */
.rd-eyebrow-left::before {
  content: ""; width: 22px; height: 22px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50.0 96.0L50.0 70.0M50.0 70.0L42.0 53.6M42.0 53.6L32.0 45.8M32.0 45.8L23.3 43.9M23.3 43.9L17.2 45.5M17.2 45.5L13.9 48.3M17.2 45.5L12.9 44.5M23.3 43.9L18.3 40.1M18.3 40.1L14.1 39.2M18.3 40.1L16.4 36.2M32.0 45.8L28.1 37.8M28.1 37.8L23.2 33.9M23.2 33.9L18.9 33.0M23.2 33.9L21.2 30.0M28.1 37.8L28.1 31.5M28.1 31.5L26.2 27.6M28.1 31.5L30.0 27.6M42.0 53.6L42.0 40.9M42.0 40.9L38.1 32.9M38.1 32.9L33.2 29.0M33.2 29.0L28.9 28.1M33.2 29.0L31.3 25.1M38.1 32.9L38.1 26.6M38.1 26.6L36.2 22.7M38.1 26.6L40.0 22.7M42.0 40.9L45.9 32.9M45.9 32.9L45.9 26.6M45.9 26.6L44.0 22.7M45.9 26.6L47.8 22.7M45.9 32.9L50.9 29.0M50.9 29.0L52.8 25.1M50.9 29.0L55.1 28.1M50.0 70.0L58.0 53.6M58.0 53.6L58.0 40.9M58.0 40.9L54.1 32.9M54.1 32.9L49.1 29.0M49.1 29.0L44.9 28.1M49.1 29.0L47.2 25.1M54.1 32.9L54.1 26.6M54.1 26.6L52.2 22.7M54.1 26.6L56.0 22.7M58.0 40.9L61.9 32.9M61.9 32.9L61.9 26.6M61.9 26.6L60.0 22.7M61.9 26.6L63.8 22.7M61.9 32.9L66.8 29.0M66.8 29.0L68.7 25.1M66.8 29.0L71.1 28.1M58.0 53.6L68.0 45.8M68.0 45.8L71.9 37.8M71.9 37.8L71.9 31.5M71.9 31.5L70.0 27.6M71.9 31.5L73.8 27.6M71.9 37.8L76.8 33.9M76.8 33.9L78.8 30.0M76.8 33.9L81.1 33.0M68.0 45.8L76.7 43.9M76.7 43.9L81.7 40.1M81.7 40.1L83.6 36.2M81.7 40.1L85.9 39.2M76.7 43.9L82.8 45.5M82.8 45.5L87.1 44.5M82.8 45.5L86.1 48.3' fill='none' stroke='%2386DAB0' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.9;
}

/* подпись общего камня — цвета самого камня */
.rd-overall.is-good .rd-tier-big .serif-accent { color: var(--good); }
.rd-overall.is-mid .rd-tier-big .serif-accent { color: var(--mid); }
.rd-overall.is-bad .rd-tier-big .serif-accent { color: var(--bad); }