/* ТЗ-126 В15 (ТЗ 2.13): раздел справочника — хаб, списки стандартов и марок,
   таблицы веса. Свои классы .spravochnik* и ничьи больше (RULES п. 131).
   Палитра сайта: акцент #001960, серый #a9adb4, рамка #e1e5f0, радиус 12px.
   Таблицы длинные (113 стандартов, 414 марок), поэтому: шапка липкая, строки
   в полоску, обёртка со своей прокруткой по горизонтали на телефоне. */
.spravochnik__lead{max-width:760px;margin-bottom:24px;font-size:18px;line-height:150%;color:#333}
.spravochnik__plitki{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-bottom:28px;padding:0;list-style:none}
.spravochnik__plitka{display:flex}
.spravochnik__ssylka{display:flex;flex-direction:column;gap:8px;width:100%;padding:24px;border:1px solid #e1e5f0;border-radius:12px;background-color:#fff;text-decoration:none;transition:box-shadow .3s}
.spravochnik__ssylka:hover{box-shadow:1px 2px 12px 2px rgba(0,25,96,.15)}
.spravochnik__imya{font-weight:600;font-size:20px;line-height:130%;color:#001960}
.spravochnik__chislo{font-size:15px;line-height:140%;color:#5f6570}
.spravochnik__instrumenty,.spravochnik__svyaz{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px;padding:0;list-style:none}
.spravochnik__instrumenty a,.spravochnik__svyaz a{color:#001960;text-decoration:underline}
.spravochnik__svyaz{margin-top:24px}
/* Обёртка — САМА область прокрутки, с ограничением по высоте. Так липкая шапка
   таблицы действительно липкая: `position:sticky` у th работает относительно
   ближайшего прокручиваемого предка, а не страницы. Первая редакция давала
   обёртке только overflow-x, и шапка уезжала при прокрутке страницы — поймали
   браузеры Chromium и WebKit на обеих ширинах (серверная приёмка видела
   `position:sticky` в стилях и была довольна). Плюс 414 строк марок больше не
   растягивают страницу на десять экранов. */
.spravochnik__tablica-obertka{max-height:70vh;overflow:auto;overscroll-behavior:contain;margin-bottom:28px;border:1px solid #e1e5f0;border-radius:12px}
.spravochnik__tablica{width:100%;border-collapse:collapse;font-size:15px;line-height:140%}
.spravochnik__tablica th{position:sticky;top:0;z-index:1;padding:12px 14px;background-color:#f5f5f6;text-align:left;font-weight:600;color:#001960;white-space:nowrap}
.spravochnik__tablica td{padding:10px 14px;border-top:1px solid #e1e5f0;vertical-align:top}
.spravochnik__tablica tbody tr:nth-child(even){background-color:#fafafa}
.spravochnik__klyuch{font-weight:600;white-space:nowrap;color:#001960}
.spravochnik__opisanie{color:#333}
.spravochnik__chislo-kletka{text-align:right;white-space:nowrap}
.spravochnik__kletka-ssylka a{color:#001960;text-decoration:underline}
.spravochnik__ves-tip{margin-bottom:32px}
.spravochnik__ves-zagolovok{margin-bottom:12px}
.spravochnik__ves-ssylka,.spravochnik__ves-kalk{margin:0 0 8px}
.spravochnik__ves-ssylka a,.spravochnik__ves-kalk a{color:#001960;text-decoration:underline}
.spravochnik__tablica--ves{min-width:420px}
@media screen and (max-width:768px){.spravochnik__lead{font-size:16px}.spravochnik__ssylka{padding:18px}.spravochnik__tablica{font-size:14px}}

/* ТЗ-126 В15: поиск по сортаменту и свёртка длинного хвоста (таблица полная —
   решение владельца 20.09). Обёртка таблицы уже сама область прокрутки с липкой
   шапкой, здесь только поиск, кнопка и скрытие строк. */
.spravochnik__poisk{display:block;margin-bottom:12px;max-width:360px}
.spravochnik__poisk-pole{width:100%}
.spravochnik__eshche{margin-bottom:24px}
.spravochnik__nichego{margin:0 0 16px;color:#5f6570}
.spravochnik__blok{margin-bottom:32px}
.spravochnik__tablica tbody tr.hidden{display:none}
/* ТЗ-127 ч. 9: кнопка «Показать все размеры» и «По этому размеру ничего не нашлось» прячутся классом hidden (spravochnik.js),
   а глобального .hidden{display:none} на страницах справочника нет — с В15 обе строки были видны всегда */
.spravochnik__eshche.hidden,.spravochnik__nichego.hidden{display:none}