/* Страницы технологий и площадей (задача 70). Приставка «тех-» — чтобы имена
   классов не столкнулись с калькулятором и страницами цен. */
.тех-итог{background:var(--белый);border:1px solid var(--рамка);border-radius:14px;
  padding:var(--ш3);margin:var(--ш3) 0}
.тех-главное{font-size:clamp(30px,4.6vw,40px);font-weight:600;line-height:1.1;
  color:var(--петроль);letter-spacing:-.01em}
.тех-главное small{display:block;font-size:15px;font-weight:400;color:var(--серый);margin-top:4px}
.тех-рядом{display:flex;flex-wrap:wrap;gap:var(--ш3);margin-top:var(--ш2);padding-top:var(--ш2);
  border-top:1px solid var(--рамка)}
.тех-рядом b{display:block;font-size:19px;font-weight:600}
.тех-рядом span{color:var(--серый);font-size:14px}
.тех-таблица td{text-align:right;white-space:nowrap}
.тех-таблица th[scope=row],.тех-таблица th[scope=rowgroup]{text-align:left;vertical-align:middle}
/* Пояснение к стадии — самая длинная ячейка таблицы: без предела ширины она
   растягивает таблицу за край экрана, и правая колонка уезжает за обрез. */
.тех-таблица th[scope=rowgroup]{max-width:16em;padding-right:var(--ш2)}
.тех-пояснение{display:block;font-weight:400;color:var(--серый);font-size:13px;line-height:1.35}
.тех-подпись{caption-side:top;text-align:left;color:var(--серый);font-size:13px;
  margin-bottom:6px}
.тех-приписка,.тех-оговорка{color:var(--серый);font-size:14px;line-height:1.5}
.тех-вилка{color:var(--серый)}
.тех-состав{display:grid;gap:6px;margin:var(--ш2) 0 var(--ш3)}
.тех-блок{border:1px solid var(--рамка);background:var(--белый);border-radius:10px;
  padding:10px 14px}
.тех-блок summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;
  font-weight:600;list-style:none}
.тех-блок summary::-webkit-details-marker{display:none}
.тех-блок-сумма{white-space:nowrap;color:var(--петроль)}
.тех-позиции{list-style:none;margin:10px 0 2px;padding:0;display:grid;gap:4px}
.тех-позиции li{display:flex;justify-content:space-between;gap:12px;font-size:15px;
  border-bottom:1px dotted var(--рамка);padding-bottom:3px}
.тех-кол{white-space:nowrap;color:var(--серый)}
.тех-нет{color:var(--серый);font-size:15px}
.тех-кнопки{display:flex;flex-wrap:wrap;gap:10px;margin:var(--ш2) 0}
.тех-что{margin:var(--ш2) 0;padding-left:1.1em}
.тех-площади{font-size:15px}
.тех-ещё{margin-top:var(--ш4)}
.тех-куст{list-style:none;padding:0;display:grid;gap:8px}
.тех-куст li{border:1px solid var(--рамка);background:var(--белый);border-radius:10px;
  padding:10px 14px;font-size:15px}
.тех-ссылка{font-weight:600}
.тех-мелко{display:block;color:var(--серый);font-size:14px;margin-top:2px}
@media (max-width:600px){
  .тех-позиции li{font-size:14px}
  .тех-таблица{font-size:14px}
}