/* Блоки для тысяч страниц (круг 11). Только поверх site.css: те же токены, шрифт, кнопки, .rv-появление, FAQ.
   Своих цветов нет. Направление текста — логические свойства (inline-start/end), поэтому арабский RTL работает без отдельных правил.
   Каждый блок держит любой объём: длинные немецкие слова переносятся (overflow-wrap), японский без пробелов ломается по символам,
   таблицы на ≤560 px становятся карточками. Фрагменты — src/blocks/*.html, поля — src/blocks/README.md. */
.bks{padding-top:0}
.bk{position:relative;padding:48px 0}
.bk :is(p,li,dd,dt,b,h2,h3,td,th,small,a){overflow-wrap:anywhere;hyphens:auto}
html[lang="ja"] .bk :is(p,li,dd,h2,h3,td){line-break:strict;word-break:normal}
.bk-head{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;max-width:720px}
.bk-lab{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;color:var(--accent)}
.bk-lab .ic{width:16px;height:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--s2);border:1px solid var(--line);font-weight:700;font-style:normal;font-size:16px;color:var(--tx)}
.mono.sm{width:28px;height:28px;border-radius:8px;font-size:12px}
.us .mono,.mono.us{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pill.acc{background:rgba(255,122,89,.14);color:var(--accent)}
.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;line-height:16px;padding:4px 10px;border-radius:9999px;background:var(--s2);border:1px solid var(--line);color:var(--mut)}
.chip .ic{width:14px;height:14px}
.chip a,.vs-c a,td a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--mut);text-underline-offset:3px}
.chip a:hover,.vs-c a:hover,td a:hover{text-decoration-color:var(--accent)}
/* рамка при наведении — как у карточек главной */
.hov{transition:border-color .3s var(--ease),transform .3s var(--ease),background-color .3s var(--ease)}
:is(.fc,.st-cards li,.out-g li,.tp li,.fq,.rl,.vs-g,.rk-r,.fdl-r):hover{border-color:rgba(255,122,89,.45)}

/* ---------- 1. первый экран: как у главной ---------- */
.bk-hero{text-align:center;padding:128px 0 32px}
.bk-hero .hx{display:flex;flex-direction:column;align-items:center}
.bk-eb{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:var(--glass);border:1px solid var(--line);font-size:14px;line-height:20px;font-weight:600;color:var(--tx);margin-bottom:24px;max-width:100%}
.bk-eb .ic{width:16px;height:16px;color:var(--accent)}
.bk-h1{margin:0 auto;max-width:880px;font-size:48px;line-height:1.05;font-weight:700;letter-spacing:-.02em;text-wrap:balance;padding-bottom:4px;
 background:linear-gradient(90deg,var(--h1a),var(--h1b));-webkit-background-clip:text;background-clip:text;color:transparent}
html[dir="rtl"] .bk-h1{background:linear-gradient(270deg,var(--h1a),var(--h1b));-webkit-background-clip:text;background-clip:text;line-height:1.3}
html[lang="ja"] .bk-h1{line-height:1.25;letter-spacing:0}
.bk-sub{margin:24px auto 0;max-width:680px;font-size:18px;line-height:28px;color:var(--mut)}
.bk .cta{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;line-height:20px;color:var(--mut)}
.bk .cta .btn{min-height:56px;padding:16px 32px;font-size:18px;line-height:24px}
.bk .cta .btn .ic{width:20px;height:20px}
.lnk{background:none;border:0;padding:0;cursor:pointer;color:var(--tx);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--mut);font-size:14px;line-height:20px}
.lnk:hover{text-decoration-color:var(--accent)}
.bk .proof{margin-top:16px;justify-content:center}
/* рабочее место под первым экраном: наклонено, как стол главной, выпрямляется при прокрутке (blocks.js пишет --t от 0 до 1) */
.bk-desk{--t:0;margin:48px auto 0;max-width:1180px;padding:0 24px;perspective:1400px}
.bk-stage{transform-origin:50% 0;transform:rotateX(calc((1 - var(--t)) * 24deg)) scale(calc(.9 + .1 * var(--t)));opacity:calc(.6 + .4 * var(--t));will-change:transform}
.bk-desk.flat{margin-top:32px;padding:0}
.bk-desk.flat .bk-stage{transform:none;opacity:1}
.bk-stage:empty{min-height:440px;border-radius:24px;background:var(--s1);border:1px solid var(--line)}

/* ---------- 2. короткий ответ: a — Крибси говорит, b — крупная цитата, c — карточка с выделенными цифрами ---------- */
.ans-k{display:flex;gap:16px;align-items:flex-start}
.ans-k img{width:48px;height:48px;border-radius:9999px;object-fit:cover;flex:none}
.ans-b{flex:1;min-width:0;background:var(--s1);border:1px solid var(--line);border-radius:4px 24px 24px 24px;padding:20px 24px;display:flex;flex-direction:column;gap:8px}
html[dir="rtl"] .ans-b{border-radius:24px 4px 24px 24px}
.ans-b p{font-size:18px;line-height:28px}
.bk-answer.vb .narrow{border-inline-start:2px solid var(--accent);padding-inline-start:24px}
.bk-answer.vb .bk-lab .ic{width:20px;height:20px}
.ans-big{margin-top:12px;font-size:24px;line-height:34px;font-weight:600;letter-spacing:-.01em;text-wrap:pretty}
.ans-card{display:flex;gap:20px;align-items:flex-start;padding:32px;border-radius:24px;background:linear-gradient(135deg,rgba(255,122,89,.10),rgba(255,122,89,0) 60%),var(--s1);border:1px solid var(--line)}
.ans-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--accent-ink)}
.ans-ic .ic{width:24px;height:24px}
.ans-card p{margin-top:8px;font-size:20px;line-height:30px}
.ans-card .num{color:var(--accent);font-weight:700;white-space:nowrap}

/* ---------- 3. вступление ---------- */
.bk-intro .h2{margin-top:8px}
.bk-prose{margin-top:24px;display:flex;flex-direction:column;gap:16px}
.bk-prose p{font-size:18px;line-height:30px;color:#D8D8D8}

/* ---------- 4. таблица фактов: a — таблица (на телефоне карточки), b — карточки фактов, c — список «термин — значение» ---------- */
.tb{border:1px solid var(--line);border-radius:24px;background:var(--s1);overflow:hidden}
.bt{width:100%;border-collapse:collapse;text-align:start}
.bt th,.bt td{padding:16px 20px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line);font-size:15px;line-height:22px}
.bt thead th{font-size:12px;line-height:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);background:var(--s2)}
html:is([lang="ar"],[lang="ja"],[lang="hi"]) .bt thead th{text-transform:none;letter-spacing:0;font-size:13px}
.bt tbody th{font-weight:600;width:28%}
.bt tbody tr:last-child>*{border-bottom:0}
.bt tbody tr{transition:background-color .3s var(--ease)}
.bt tbody tr:hover{background:var(--s2)}
.fcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.fc{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:24px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
.fc-k{font-size:13px;line-height:18px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
html:is([lang="ar"],[lang="ja"],[lang="hi"]) .fc-k{text-transform:none;letter-spacing:0}
.fc-v p{font-size:20px;line-height:28px;font-weight:600}
.fc-v small{display:block;font-size:12px;line-height:16px;color:var(--accent);margin-bottom:2px}
.fc .chip{align-self:flex-start;margin-top:auto}
.fdl{margin:0;border-top:1px solid var(--line)}
.fdl-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 32px;padding:20px 0;border-bottom:1px solid var(--line);transition:border-color .3s var(--ease)}
.fdl dt{font-weight:600;color:var(--mut)}
.fdl dd{margin:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fdl dd p{font-size:17px;line-height:26px}
.fdl dd b{color:var(--accent);font-weight:600}

/* ---------- 5. сравнение A против B ---------- */
.vs-top{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--n),minmax(0,1.3fr));gap:16px;margin-bottom:8px;position:sticky;top:76px;z-index:2;padding:12px 0;background:linear-gradient(var(--bg) 70%,transparent)}
.vs-e{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;border-radius:16px;background:var(--s1);border:1px solid var(--line)}
.vs-e b{font-size:18px;line-height:24px;min-width:0}
.vs-e.us{border-color:rgba(255,122,89,.5)}
.vs-tb{display:flex;flex-direction:column}
/* строка сравнения: признак слева, участники рядом — глаз идёт по горизонтали */
.vs-r{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--n),minmax(0,1.3fr));gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.vs-w{font-weight:600;color:var(--mut)}
.vs-c{min-width:0;overflow-wrap:anywhere}
.vs-k{display:block;font-size:22px;line-height:28px;font-weight:700;color:var(--tx)}
.vs-c p{font-size:15px;line-height:22px;color:#D8D8D8}
.vs-k+p{margin-top:4px;color:var(--mut)}
.vs-c.us .vs-k{color:var(--accent)}
.vs-lists{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.vs-g{padding:24px;border-radius:24px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
.vs-g .h3{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.vs-g .h3 .ic{color:var(--accent)}
.vs-g ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.vs-g li{position:relative;padding-inline-start:20px;color:#D8D8D8;font-size:15px;line-height:22px}
.vs-g li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:6px;height:6px;border-radius:9999px;background:var(--accent)}

/* ---------- 6. рейтинг по стране: строки-карточки с местом, ценой и источником; наш сервис подсвечен ---------- */
.rk-hd,.rk-r{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1.4fr);gap:16px;align-items:center}
.rk-hd{padding:0 20px 8px;font-size:12px;line-height:16px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
html:is([lang="ar"],[lang="ja"],[lang="hi"]) .rk-hd{text-transform:none;letter-spacing:0}
.rk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rk-r{padding:16px 20px;border-radius:20px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
.rk-r.us{background:linear-gradient(90deg,rgba(255,122,89,.12),rgba(255,122,89,0) 70%),var(--s1);border-color:rgba(255,122,89,.5)}
html[dir="rtl"] .rk-r.us{background:linear-gradient(270deg,rgba(255,122,89,.12),rgba(255,122,89,0) 70%),var(--s1)}
.rk-n{font-size:28px;line-height:32px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.rk-r:first-child .rk-n,.rk-r.us .rk-n{color:var(--accent)}
.rk-m{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.rk-m b{flex:1 1 0;font-size:17px;line-height:24px;min-width:0}
.rk-p{display:flex;flex-direction:column;gap:2px;min-width:0}
.rk-p b{font-size:17px;line-height:24px}
.rk-p small{font-size:13px;line-height:18px;color:var(--mut)}

/* ---------- 7. шаги: a — линия времени, b — карточки с большой цифрой, c — Крибси сбоку и поток ---------- */
.st-line{margin:0;padding:0;list-style:none;position:relative;display:flex;flex-direction:column;gap:32px;max-width:760px}
.st-line::before{content:"";position:absolute;inset-inline-start:23px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--line))}
.st-line li{position:relative;display:flex;gap:24px;align-items:flex-start}
.st-node{width:48px;height:48px;border-radius:9999px;display:grid;place-items:center;flex:none;background:var(--bg);border:2px solid var(--accent);color:var(--accent);position:relative;z-index:1}
.st-line .st-n{font-size:13px;line-height:18px;font-weight:700;color:var(--accent)}
.st-line .h3{margin:2px 0 8px}
.st-line p,.st-cards p,.st-flow p{color:var(--mut)}
.st-cards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:s}
.st-cards li{position:relative;overflow:hidden;padding:24px;border-radius:24px;background:var(--s1);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:border-color .3s var(--ease)}
.st-big{position:absolute;inset-inline-end:20px;top:12px;font-size:72px;line-height:1;font-weight:700;color:rgba(255,255,255,.05);font-variant-numeric:tabular-nums;pointer-events:none}
.st-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--s2);color:var(--accent)}
.st-ic .ic{width:24px;height:24px}
.st-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}
.st-side{position:sticky;top:112px}
.st-side img{width:64px;height:64px;border-radius:9999px;margin-top:16px}
.st-flow{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.st-flow li{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.st-flow li:last-child{border-bottom:1px solid var(--line)}
.st-flow .st-n{font-size:36px;line-height:40px;font-weight:700;color:var(--accent);min-width:48px;font-variant-numeric:tabular-nums}
.st-flow .h3{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.st-flow .h3 .ic{color:var(--mut)}

/* ---------- 8. что вы получите: листы документов с ярлыком формата ---------- */
.out-g{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.out-g li{display:flex;gap:16px;align-items:center;padding:16px;border-radius:20px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
/* значок формата — из набора главной (Phosphor), у каждого формата свой (круг 12) */
.out-ic{width:56px;height:56px;flex:none;border-radius:16px;display:grid;place-items:center;background:rgba(255,122,89,.12);border:1px solid rgba(255,122,89,.28);color:var(--accent)}
.out-ic .ic{width:28px;height:28px}
.out-g b{font-size:17px;line-height:24px}
.out-g p{color:var(--mut);font-size:14px;line-height:20px}

/* ---------- 9. советы ---------- */
.tp{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tp li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
.tp-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(255,122,89,.14);color:var(--accent)}
.tp-ic .ic{width:18px;height:18px}

/* ---------- 10. плашка-примечание ---------- */
.note{display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border-radius:20px;background:var(--s1);border:1px solid var(--line);border-inline-start:3px solid var(--accent)}
.note-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--s2);color:var(--accent)}
.note p{color:var(--mut)}
.note strong,.note b{color:var(--tx);font-weight:600}

/* ---------- 11. вопросы: a — аккордеон, b — сетка карточек, c — переписка с Крибси ---------- */
.bk-faq .faq summary .ic{flex:none}
.bk-faq .faq .a{overflow:hidden}
.fq-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.fq{padding:24px;border-radius:24px;background:var(--s1);border:1px solid var(--line);transition:border-color .3s var(--ease)}
.fq .h3{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:26px;margin-bottom:10px}
.fq-q{width:28px;height:28px;border-radius:9999px;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:700}
html[dir="rtl"] .fq-q{transform:scaleX(-1)}
.fq p{color:var(--mut);padding-inline-start:40px}
.fq-chat{display:flex;flex-direction:column;gap:24px}
.fq-pair{display:flex;flex-direction:column;gap:8px}
.fq-chat .b{max-width:85%;font-size:15px;line-height:22px}
.fq-chat .u{align-self:flex-end;padding:12px 16px;border-radius:20px 20px 4px 20px;background:var(--accent);color:var(--accent-ink);font-weight:600}
html[dir="rtl"] .fq-chat .u{border-radius:20px 20px 20px 4px}
.fq-chat .k{align-self:flex-start;display:flex;gap:10px;align-items:flex-end}
.fq-chat .k img{width:32px;height:32px;border-radius:9999px;flex:none}
.fq-chat .k p{padding:12px 16px;border-radius:20px 20px 20px 4px;background:var(--s1);border:1px solid var(--line);color:#D8D8D8}
html[dir="rtl"] .fq-chat .k p{border-radius:20px 20px 4px 20px}

/* ---------- 12. связанные: a — карточки, b — список ---------- */
.rl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.rl{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:var(--s1);border:1px solid var(--line);text-decoration:none;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.rl:hover{transform:translateY(-2px)}
.rl-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--s2);color:var(--accent);margin-bottom:8px}
.rl b{font-size:18px;line-height:26px}
.rl p{color:var(--mut);font-size:14px;line-height:20px;padding-inline-end:24px}
.rl-go{position:absolute;inset-inline-end:20px;bottom:20px;color:var(--mut);transition:transform .3s var(--ease),color .3s var(--ease)}
.rl:hover .rl-go{color:var(--accent);transform:translateX(4px)}
html[dir="rtl"] .rl:hover .rl-go{transform:translateX(-4px)}
.rl-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.rl-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .3s var(--ease)}
.rl-list a:hover{padding-inline-start:8px}
.rl-list span{display:flex;flex-direction:column;gap:2px;min-width:0}
.rl-list small{color:var(--mut);font-size:14px;line-height:20px}
.rl-list .ic{color:var(--accent)}

/* ---------- 13. источники ---------- */
.bk-src .h3{color:var(--mut)}
.sr-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.sr-l li{display:flex;gap:12px;align-items:flex-start}
.sr-l div{display:flex;flex-direction:column;min-width:0}
.sr-l a{font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.sr-l a:hover{text-decoration-color:var(--accent)}
.sr-l small{color:var(--mut);font-size:13px;line-height:18px}

/* ---------- 14. призыв в конце ---------- */
.bk-cta{padding:64px 0 32px}
.cta-card{text-align:center;padding:56px 32px;border-radius:32px;border:1px solid var(--line);
 background:radial-gradient(120% 90% at 50% 0,rgba(255,122,89,.16),rgba(255,122,89,0) 60%),var(--s1)}
.cta-card img{width:64px;height:64px;border-radius:9999px;margin:0 auto 16px;display:block}
.cta-card .h2{max-width:680px;margin:0 auto;font-size:48px;line-height:1.05;background:linear-gradient(90deg,var(--h1a),var(--h1b));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
html[dir="rtl"] .cta-card .h2{line-height:1.3}
.cta-card .lead{margin:16px auto 0;max-width:560px}

/* ---------- 15. мета ---------- */
.bk-meta{padding:0 0 8px}
.bk-hero+.bk-meta{margin-top:-8px}
.mt{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:14px;line-height:20px;color:var(--mut)}
.mt span{display:inline-flex;align-items:center;gap:8px}
.mt .ic{width:16px;height:16px}
.mt img{width:20px;height:20px;border-radius:9999px}

/* ---------- композиции: ритм ---------- */
.bks[data-family="landing"] .bk-answer{padding-top:96px}
.bks .bk-tips,.bks .bk-src{padding-top:24px}

/* ---------- телефон ---------- */
@media (max-width:767px){
 .bk{padding:40px 0}
 .bk-hero{padding:96px 0 16px}
 .bk-h1{font-size:34px;line-height:40px}
 html[dir="rtl"] .bk-h1,html[lang="ja"] .bk-h1{font-size:30px;line-height:42px}
 .bk-sub{font-size:16px;line-height:24px;margin-top:16px}
 .bk .cta{margin-top:24px;gap:12px;flex-direction:column}
 .bk .cta .btn{width:100%;justify-content:center}
 .bk .proof{gap:4px 12px;font-size:13px}
 .bk-desk{padding:0 16px;margin-top:32px}
 .bk-stage{transform:none;opacity:1}
 .ans-big{font-size:20px;line-height:30px}
 .ans-card{padding:20px;flex-direction:column}
 .ans-card p{font-size:18px;line-height:28px}
 .ans-b{padding:16px}
 .ans-b p{font-size:16px;line-height:26px}
 .bk-prose p{font-size:16px;line-height:27px}
 .st-split{grid-template-columns:1fr;gap:24px}
 .st-side{position:static}
 .fq p{padding-inline-start:0}
 .cta-card{padding:40px 20px}
 .cta-card .h2{font-size:30px;line-height:36px}
 .out-g{grid-template-columns:1fr}
 /* сравнение на телефоне: признак — заголовком строки, под ним участники всё так же рядом, столбцами под шапкой */
 .vs-top{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;top:64px}
 .vs-w0{display:none}
 .vs-e{padding:8px 10px;gap:8px;border-radius:12px}
 .vs-e b{font-size:15px;line-height:20px;overflow-wrap:anywhere}
 .vs-e .pill,.vs-e .mono{display:none}
 .vs-e.us b{color:var(--accent)}
 .vs-r{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px 12px;padding:16px 0}
 .vs-w{grid-column:1/-1;color:var(--tx);font-size:15px;line-height:22px}
 .vs-k{font-size:18px;line-height:24px}
 .vs-c p{font-size:14px;line-height:20px}
 /* рейтинг: карточка «место + сервис» сверху, цена и источник под ней */
 .rk-hd{display:none}
 .rk-r{grid-template-columns:40px minmax(0,1fr);gap:8px 12px;padding:16px}
 .rk-p{grid-column:2}
 .rk-n{font-size:24px}
}
/* таблица → карточки: у каждой ячейки подпись столбца из data-label */
@media (max-width:560px){
 .tb{border:0;background:none;border-radius:0}
 .bt,.bt tbody,.bt tr,.bt th,.bt td{display:block;width:auto!important}
 .bt thead{display:none}
 .bt tbody{display:flex;flex-direction:column;gap:12px}
 .bt tbody tr{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--s1)}
 .bt tbody tr:hover{background:var(--s1)}
 .bt th,.bt td{padding:0;border:0}
 .bt tbody th{font-size:17px;line-height:24px;margin-bottom:10px}
 .bt td{padding-top:8px;margin-top:8px;border-top:1px solid var(--line)}
 .bt td::before{content:attr(data-label);display:block;font-size:12px;line-height:16px;font-weight:600;color:var(--mut);margin-bottom:2px}
 .fdl-r{grid-template-columns:1fr}
 .fcards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.bk-stage{transform:none!important;opacity:1!important}}