/* Страница одного калькулятора: заголовок, пояснение и сам расчёт.
   Экрана выбора калькулятора здесь нет и быть не должно. */

html, body { margin: 0; min-height: 100%; }

.calcpage {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.calcpage__head {
  box-sizing: border-box;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 14px 20px 8px;
  /* Шрифт Inter (правка 24.08.2026). Сокращение «font:» задаёт кегль,
     интервал И семейство разом, поэтому правило 26.1 из
     css/site/shapka.css сюда не доставало: у тела шрифт менялся, а у
     шапки страницы - «На главную», заголовок, пояснение - оставался
     системным. Замер 24.08.2026, ширина 1440: тело Inter 16px/24.8px,
     а .calcpage__title -apple-system 24px/28.8px. Кегль и интервал
     оставлены прежними (15px/1.45), добавлено только семейство.
     Откат: убрать «Inter,» из строки ниже. */
  font: 15px/1.45 Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #1b1b1b;
}

.calcpage__back {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #2f3336;
  text-decoration: none;
  border-bottom: 1px solid #d9dbde;
}

.calcpage__back:hover { border-bottom-color: #2f3336; }

.calcpage__title { margin: 0 0 6px; font-size: 24px; line-height: 1.2; }

.calcpage__intro { margin: 0; color: #63676c; }

.calcpage__frame {
  display: block;
  width: 100%;
  min-height: 620px;
  border: 0;
}

/* Правка Павла 04.09.2026 («страница выглядит сыро»): раньше кадр
   растягивался на всю высоту окна (flex: 1 1 auto при .calcpage
   min-height: 100vh), документ модуля центрировал карточку по
   вертикали - и вокруг неё стояло огромное пустое поле, а под
   заголовком карточка появлялась только после прокрутки. Теперь
   высоту кадра ставит сценарий страницы по фактической высоте
   карточки, карточка прижата кверху, фон документа прозрачный и
   страница выглядит обычной страницей сайта. Правила для содержимого
   кадра вписывает сценарий в самом шаблоне: кадр одного происхождения
   с сайтом. Откат: вернуть flex: 1 1 auto и убрать сценарий подстройки
   из calculator_page.html. */

@media (max-width: 600px) {
  .calcpage__head { padding: 10px 12px 6px; font-size: 13px; }
  .calcpage__title { font-size: 18px; }
  .calcpage__frame { min-height: 520px; }
}