/* ---------- comparison table ("Три начина да управлявате маркетинга") — реальная в обёртке .table-wrap для горизонтального скролла на мобильном; рамка/радиус/overflow:hidden на самой таблице — тот же приём "граница вместо отступов", что у .rtb/.stats-grid. Строка "Агенция" — accent-bg подложка, тот же приём, что и .stat-item[data-kind="commit"]. */ .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .compare-table{width:100%;min-width:520px;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden} .compare-table th,.compare-table td{padding:14px 20px;text-align:left;border-top:1px solid var(--border);vertical-align:top} .compare-table thead th{border-top:none;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--foreground-subtle);background:var(--background-200);font-weight:var(--font-weight-normal)} .compare-table tbody td:first-child{font-weight:var(--font-weight-semibold);color:var(--foreground)} .compare-table tbody tr.is-featured td{background:var(--accent-bg)} .compare-table .cell-price{font-family:var(--font-mono);color:var(--foreground);white-space:nowrap} .compare-table .cell-note{color:var(--foreground-subtle)} /* ---------- faq ("Честни отговори") — список вопрос/ответ, тот же принцип границ-контейнера, что у .rtb, но без иконки-галочки ---------- */ .faq-list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden} .faq-item{padding:20px;border-top:1px solid var(--border)} .faq-item:first-child{border-top:none} .faq-q{margin-bottom:6px} .faq-a{color:var(--foreground-muted)}