/* ============================================================
   СТРАНИЦА БАНКА ИЗ ДАННЫХ (.wbz-bg-*) — новые банки без ручной вёрстки
   ============================================================ */
/* Заголовок блока отзывов на сгенерированной странице: он вне .wbz-tb,
   где живут переменные перенесённой вёрстки, поэтому цвет задаём токеном. */
.wbz-rev-title{ color:var(--wbz-head); font-size:22px; font-weight:500; margin:34px 0 14px; }
.wbz-bg-sec{ margin:0 0 30px; font-family:var(--wbz-font); }
.wbz-bg-h{ font-size:22px; font-weight:500; color:var(--wbz-head); margin:0 0 14px; }
.wbz-bg-hero{ display:flex; align-items:center; gap:16px; margin:0 0 16px; }
.wbz-bg-name{ font-size:24px; font-weight:700; color:var(--wbz-ink); margin:0; }
.wbz-scores .wbz-bg-sub, .wbz-bg-sub{ font-size:14px; color:var(--wbz-mut); margin:2px 0 0; }
.wbz-bg-about{ font-size:15.5px; line-height:1.65; color:var(--wbz-ink2); max-width:720px; margin:0 0 18px; }
.wbz-bg-facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:0 0 18px; }
.wbz-bg-fact{ display:flex; align-items:flex-start; gap:11px; background:var(--wbz-surface);
  border:1px solid var(--wbz-line); border-radius:var(--wbz-radius-md); padding:13px 15px; }
.wbz-bg-fact b{ display:block; font-size:16px; line-height:1.25; color:var(--wbz-ink); }
.wbz-bg-fact span{ font-size:12.5px; line-height:1.4; color:var(--wbz-mut); }
.wbz-bg-ic{ flex:none; width:30px; height:30px; border-radius:9px; background:var(--wbz-tint); color:var(--wbz-acc);
  display:flex; align-items:center; justify-content:center; }
.wbz-bg-ic svg{ width:17px; height:17px; }
.wbz-bg-verdict{ background:var(--wbz-tint); border-radius:var(--wbz-radius-md); padding:15px 18px; font-size:15px;
  line-height:1.65; color:var(--wbz-ink2); margin:0; }
.wbz-bg-verdict b{ color:var(--wbz-ink); }

.wbz-bg-tars{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin:0 0 16px; }

.wbz-bg-tar{background:var(--wbz-surface);border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-lg);padding:16px 18px;display:flex;flex-direction:column;}
.wbz-bg-tar-t{ font-size:16px; font-weight:700; color:var(--wbz-ink); }
.wbz-bg-tar-for{ font-size:12.5px; color:var(--wbz-mut); margin-top:1px; }
.wbz-bg-tar-p{ font-size:22px; font-weight:700; color:var(--wbz-acc); margin:10px 0 8px; }
.wbz-bg-tar-d{ font-size:13.5px; line-height:1.55; color:var(--wbz-ink2); margin:0 0 14px; flex:1; }
.wbz-bg-tar-cta{ display:block; text-align:center; background:var(--wbz-action); color:var(--wbz-action-ink);
  border-radius:var(--wbz-radius-md); padding:11px 14px; font-size:14px; font-weight:700; text-decoration:none; transition:background .15s; }
.wbz-bg-tar-cta:hover{ background:var(--wbz-action-hover); color:var(--wbz-action-ink); }
html[data-theme="dark"] .wbz-bg-tar-cta:hover{ background:var(--wbz-action-hover); color:var(--wbz-action-ink); }
.wbz-bg-free{ background:var(--wbz-bg2); border:1px solid var(--wbz-line); border-radius:var(--wbz-radius-md); padding:15px 18px; }
.wbz-bg-free b{ font-size:14px; color:var(--wbz-ink); }
.wbz-bg-free ul{ margin:8px 0 0; padding-left:20px; }
.wbz-bg-free li{ font-size:14px; line-height:1.7; color:var(--wbz-ink2); }

.wbz-bg-table{ overflow-x:auto; }
.wbz-bg-table table{ width:100%; border-collapse:collapse; }
.wbz-bg-table td{ padding:12px 14px; border-bottom:1px solid var(--wbz-line); font-size:14px;
  color:var(--wbz-ink2); vertical-align:top; }
.wbz-bg-table tr:last-child td{ border-bottom:0; }
.wbz-bg-table td:first-child{ width:42%; color:var(--wbz-ink); }
.wbz-bg-table td b{ color:var(--wbz-ink); font-weight:600; }
.wbz-bg-note{ display:block; font-size:12.5px; color:var(--wbz-mut); margin-top:3px; }

.wbz-bg-steps{ display:grid; gap:12px; }
.wbz-bg-step{ display:flex; gap:13px; background:var(--wbz-surface); border:1px solid var(--wbz-line);
  border-radius:var(--wbz-radius-md); padding:14px 16px; }
.wbz-bg-step .n{ flex:none; width:26px; height:26px; border-radius:50%; background:var(--wbz-acc);
  color:var(--wbz-acc-ink); font-size:14px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.wbz-bg-step b{ font-size:15px; color:var(--wbz-ink); }
.wbz-bg-step p{ font-size:13.5px; line-height:1.55; color:var(--wbz-ink2); margin:3px 0 0; }

.wbz-bg-fit{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wbz-bg-fit-c{ background:var(--wbz-surface); border:1px solid var(--wbz-line); border-radius:var(--wbz-radius-lg); padding:15px 18px; }
.wbz-bg-fit-c.is-yes{ border-color:color-mix(in srgb,var(--wbz-acc) 45%,var(--wbz-line)); }
.wbz-bg-fit-h{ font-size:14px; font-weight:700; color:var(--wbz-ink); margin:0 0 8px; }
.wbz-bg-fit-c.is-yes .wbz-bg-fit-h{ color:var(--wbz-acc); }
.wbz-bg-fit-c ul{ margin:0; padding-left:19px; }
.wbz-bg-fit-c li{ font-size:14px; line-height:1.65; color:var(--wbz-ink2); }
.wbz-bg-checked{ font-size:12.5px; line-height:1.6; color:var(--wbz-mut); margin:0 0 26px; }
.wbz-bg-tar-cta:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}
@media(max-width:700px){ .wbz-bg-fit{ grid-template-columns:1fr; } .wbz-bg-table td:first-child{ width:auto; } }