/* VK_TOP_2026_11_10 — «Выгодные вклады»: рейтинг вкладов (страница раздела «Вклады», режим top).
   Только своё: таблица рейтинга vt-table и блок «под условие» vt-matrix. Карточки, чипы, таблица и список банков — из calc-shell.css и vklady-r.css.
   Канон DESIGN-DNA-TOOLS: без рамок и свечения, одна зелёная на выбор не используется (выбранный срок — плитка .bhc-chips button.on), числа tabular. */
.vk-toppage{display:flex;flex-direction:column;gap:24px}
.vk-toppage .vt-terms{margin:0 0 16px}
.vk-toppage .bhc-table-wrap{overflow-x:auto}
.vt-table,.vt-matrix{width:100%;table-layout:auto;border-collapse:collapse;font-variant-numeric:tabular-nums}
.vt-table th,.vt-matrix thead th{font-weight:400;color:var(--r-t3,#8a94a3);font-size:13px;text-align:left;white-space:nowrap}
.vt-table td,.vt-table th,.vt-matrix td,.vt-matrix th{padding:12px 12px;vertical-align:top;text-align:left;border:0;border-bottom:1px solid var(--r-line,rgba(255,255,255,.06))}
.vt-table tbody tr:last-child td,.vt-matrix tbody tr:last-child td,.vt-matrix tbody tr:last-child th{border-bottom:0}
.vt-table td b{font-weight:600;color:var(--r-t1,#e6e9ee)}
.vt-table .vk-sub,.vt-matrix .vk-sub{display:block;font-size:13px;line-height:1.35;color:var(--r-t3,#8a94a3);margin-top:2px;font-weight:400}
.vt-c-pl{width:1%;white-space:nowrap}
.vt-c-pl b{font-size:15px;color:var(--r-t2,#b2bec3)}
.vt-row.is-top .vt-c-pl b{color:var(--r-t1,#e6e9ee)}
.vt-c-rate,.vt-c-eff,.vt-c-inc,.vt-c-term{white-space:nowrap}
.vt-c-eff .vk-sub,.vt-c-rate .vk-sub{white-space:normal;max-width:190px}
.vt-c-eff b{font-size:16px}
.vt-c-src{white-space:nowrap;font-size:13px;color:var(--r-t3,#8a94a3)}
.vt-c-src .vk-date{display:block}
.vt-c-name .vk-nm{min-width:220px}
.vt-out,.vt-rest,.vt-how{margin:12px 0 0}
.vt-how{color:var(--r-t3,#8a94a3)}

/* лучший вклад под условие */
.vt-matrix tbody th{text-align:left;font-weight:400;min-width:170px}
.vt-matrix tbody th b{font-weight:600;color:var(--r-t1,#e6e9ee);display:block}
.vt-matrix td{min-width:150px}
.vt-m-r{display:block;font-size:16px;font-weight:600;color:var(--r-t1,#e6e9ee)}
.vt-m-b{display:block;font-size:14px;margin-top:2px}
.vt-m-b a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.vt-m-no .vk-sub{margin-top:0}

/* как составлен рейтинг */
.vt-rules-l{margin:0 0 12px;padding:0;list-style:none;counter-reset:vt;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.vt-rules-l li{position:relative;padding:0 0 0 34px;text-align:left;line-height:1.5;color:var(--r-t2,#b2bec3);counter-increment:vt}
.vt-rules-l li::before{content:counter(vt);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#252e3a;color:var(--r-t1,#e6e9ee);font-size:13px;line-height:24px;text-align:center;font-weight:600}
.vt-rules-l li b{color:var(--r-t1,#e6e9ee);font-weight:600}

/* компьютер: таблицы целиком в карточке, без прокрутки вбок — ширины столбцов заданы, название и условия переносятся */
@media (min-width:901px){
	.vt-table,.vt-matrix{table-layout:fixed}
	.vt-table th:nth-child(1){width:64px}
	.vt-table th:nth-child(3){width:124px}
	.vt-table th:nth-child(4){width:176px}
	.vt-table th:nth-child(5){width:112px}
	.vt-table th:nth-child(6){width:150px}
	.vt-table th:nth-child(7){width:118px}
	.vt-table th{white-space:normal}
	.vt-c-name .vk-nm{min-width:0}
	.vt-c-name .vk-meta{white-space:normal}
	.vt-c-rate .vk-sub,.vt-c-eff .vk-sub,.vt-c-term .vk-sub,.vt-c-inc .vk-sub{white-space:normal;max-width:none}
	.vt-matrix thead th:first-child{width:22%}
	.vt-matrix td,.vt-matrix tbody th{min-width:0}
	.vt-matrix .vk-sub,.vt-m-b{white-space:normal;overflow-wrap:anywhere}
}
.vt-c-inc b.is-pos{color:var(--r-g,#95ce5a)}


/* телефон: строка рейтинга — карточка в две колонки (ставка | после налога, срок | доход), блок «под условие» — условие заголовком, сроки строками */
@media (max-width:900px){
	.vk-toppage{gap:16px}
	.vk-toppage .bhc-table-wrap{overflow:visible}
	.vt-table,.vt-table tbody,.vt-matrix,.vt-matrix tbody,.vt-matrix tr,.vt-matrix td,.vt-matrix tbody th{display:block;width:auto}
	.vt-table thead,.vt-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.vt-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--r-line,rgba(255,255,255,.06))}
	.vt-table tbody tr:last-child{border-bottom:0}
	.vt-table td{display:block;width:auto;padding:0;border:0;white-space:normal;text-align:left}
	.vt-table td.vt-c-pl{position:absolute;right:0;top:16px;width:auto;color:var(--r-t3,#8a94a3);font-size:13px}
	.vt-table td.vt-c-pl::before{content:"место ";}
	.vt-table td.vt-c-pl b{font-size:13px}
	.vt-table td.vt-c-name{grid-column:1 / -1;padding-right:84px}
	.vt-c-name .vk-nm{min-width:0}
	.vt-table td[data-l]:not(.vt-c-pl)::before{content:attr(data-l);display:block;color:var(--r-t3,#8a94a3);font-size:13px;margin-bottom:2px}
	.vt-table td .vk-sub{max-width:none;white-space:normal}
	.vt-table td.vt-c-src{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px}
	.vt-table td.vt-c-src::before{margin:0 !important}
	.vt-table td.vt-c-src .vk-date{display:inline}
	.vt-table td.vt-c-src a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px}
	.vt-table .vk-nm a{display:inline-block;padding:4px 0}
	.vt-matrix tr{padding:14px 0;border-bottom:1px solid var(--r-line,rgba(255,255,255,.06))}
	.vt-matrix tbody tr:last-child{border-bottom:0}
	.vt-matrix tbody th{padding:0 0 6px;border:0;min-width:0}
	.vt-matrix td{display:grid;grid-template-columns:72px 64px minmax(0,1fr);gap:0 10px;align-items:center;padding:0;border:0;min-width:0}
	.vt-matrix td::before{content:attr(data-l);color:var(--r-t3,#8a94a3);font-size:13px;grid-row:1 / span 2}
	.vt-matrix td .vt-m-r{grid-column:2;grid-row:1 / span 2;font-size:15px}
	.vt-matrix td .vt-m-b{grid-column:3;margin:0}
	.vt-matrix td .vt-m-b a{display:inline-flex;align-items:center;min-height:48px}
	.vt-matrix td .vk-sub{grid-column:3;margin:0 0 8px}
	.vt-matrix td.vt-m-no{min-height:44px}
	.vt-matrix td.vt-m-no .vk-sub{grid-column:2 / span 2;grid-row:1;margin:0}
	.vt-rules-l{grid-template-columns:1fr}
	.vk-toppage .vt-terms button{min-height:44px}
}