/* ==========================================================================
   Единый вид таблиц норм на страницах сервисов (эталон — «Всё об индексе массы
   тела» в service-pro.css): карточка со скруглением 23px, шапка #f4f8ff капсом,
   строки с тонкой линией, на всю ширину секции. Относится к таблице категории
   (.svc-table) и справочной таблице внутри разбора на странице вопроса (.aq-ref).
   На телефонах (≤640px) строки превращаются в карточки с подписями — см. ниже.
   ========================================================================== */

/* секция таблицы — той же ширины, что и секции «про»-страниц */
.svc-normtable { position: relative; width: min(1180px, calc(100% - 0px)); margin: 0 auto; padding: 40px 0 8px; }
@media (min-width: 992px) {
	.svc-normtable { width: min(1560px, calc(100% - 80px)); margin: 0 auto; padding-top: 56px; }
}
.svc-normtable .svc-table-wrap { max-width: none; margin: 0; }

.svc-table-wrap, .aq-ref__wrap { overflow-x: auto; }
.svc-table-wrap { border: 1px solid rgba(255, 255, 255, .9); border-radius: 23px; background: #fff; box-shadow: 0 13px 26px rgba(42, 79, 142, .06); }
.svc-table, .aq-ref table { width: 100%; border-collapse: collapse; font: 400 15px/1.45 Inter, sans-serif; }
.svc-table th, .aq-ref th { padding: 16px 22px; text-align: left; color: #7482ad; font: 600 13px/1.3 Inter, sans-serif; text-transform: uppercase; letter-spacing: .04em; background: #f4f8ff; border: 0; white-space: nowrap; }
.svc-table td, .aq-ref td { padding: 15px 22px; color: #08163b; border: 0; border-top: 1px solid #edf1fa; vertical-align: top; background: none; }
.svc-table tr:nth-child(even) td { background: none; }
.svc-table td:first-child, .aq-ref td:first-child { font-weight: 700; white-space: nowrap; }
.svc-table td:last-child { color: #08163b; }
.svc-table tr.is-hl td, .aq-ref tr.is-hl td { background: #fff8e6; }

/* справочная таблица в разборе вопроса: та же карточка */
.aq-ref { border: 1px solid rgba(255, 255, 255, .9); border-radius: 23px; background: #fff; box-shadow: 0 13px 26px rgba(42, 79, 142, .06); overflow: hidden; }
.aq-ref summary { padding: 16px 22px; background: #f4f8ff; font: 700 15px/1.3 Inter, sans-serif; color: #08163b; }
.aq-ref td:first-child { box-shadow: none; }
.aq-ref tr.is-hl td:first-child { box-shadow: inset 3px 0 0 #d99a1e; }

/* телефон: строка = карточка с подписями колонок */
@media (max-width: 640px) {
	.svc-normtable { padding-top: 30px; }
	.svc-table-wrap, .aq-ref { overflow: visible; border: 0; background: none; box-shadow: none; }
	.aq-ref { overflow: hidden; border: 1px solid #dbe7ff; background: #fff; }
	.svc-table, .svc-table tbody, .svc-table tr, .svc-table td, .aq-ref table, .aq-ref tbody, .aq-ref tr, .aq-ref td { display: block; width: 100%; }
	.svc-table thead, .aq-ref thead { display: none; }
	.svc-table tbody, .aq-ref tbody { display: grid; gap: 10px; }
	.svc-table tr, .aq-ref tr { padding: 14px 16px; border: 1px solid #e6eefb; border-radius: 18px; background: #fff; box-shadow: 0 12px 26px -22px rgba(8, 40, 120, .4); }
	.svc-table td, .aq-ref td { padding: 0; border: 0; white-space: normal; font-size: 14.5px; line-height: 1.45; }
	.svc-table td:first-child, .aq-ref td:first-child { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #dbe5fa; font: 700 16px/1.25 Inter, sans-serif; letter-spacing: -.02em; white-space: normal; }
	.svc-table td[data-label], .aq-ref td[data-label] { margin-top: 6px; color: #3a4a78; }
	.svc-table td[data-label]::before, .aq-ref td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 2px; color: #8a97bd; font: 700 11px/1.3 Inter, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
	.svc-table td[data-label="Норма"], .aq-ref td[data-label="Норма"] { color: #0874f9; font-weight: 700; }
	.svc-table tr.is-hl, .aq-ref tr.is-hl { background: #fffaf0; border-color: #f2d9a0; }
}