/* Обвязка страницы вокруг калькулятора: отступ сверху, проза и подвал.
 *
 * Разделение с site/tokens.css: там — то, что калькулятор РИСУЕТ (шрифт,
 * цвета, форма, каждый data-атрибут из src/page/render.ts); здесь — рама, в
 * которой он живёт. Обе страницы (site/landing.html, site/calc.html) линкуют
 * оба листа, и site/embed.html — тот же набор; поэтому у верха страницы один
 * владелец: раньше геометрия лейбла жила инлайном на лендинге и вторая копия —
 * в site/calc-theme.css, и страницы могли молча разъехаться
 * (docs/proposals/landing-chrome-lives-inline-on-the-landing.md).
 * Копии пинит test/landing.test.ts — «одна геометрия» проверяется, а не
 * держится на памяти.
 *
 * Клиент приходит по ссылке из Telegram с телефона: одна колонка, крупный
 * кегль и тап-цели от 44px здесь основные, а не адаптация десктопа.
 *
 * Своего у страницы остаётся только то, чего нет на другой: у лендинга —
 * оговорка про черновик и отбивка сообщения о пересчёте, у страницы расчёта —
 * стопка сносок под формой (site/calc-theme.css).
 */

/* Места, где стоял лейбл, больше НЕТ — и это отдельное решение, а не побочный
 * эффект удаления картинки.
 *
 * Сначала высоту лейбла оставили пустой (85px = 20px отступа .wrap из
 * site/tokens.css + 65px его коробки), прочитав «отступ под хэдэр должен
 * остаться» как «оставить место лого». Оператор посмотрел на живой странице и
 * поправил, 2026-08-21: «отступ великоват. надо схлопнуть место, где был лого,
 * чтобы на метсо лого встал хедер». Отступ, который он защищал, — тот, что
 * держит САМ БЛОК в Tilda (90px сверху, docs/harness/tilda-embed-live.md), а
 * не коробка картинки.
 *
 * Поэтому у верха страницы своего правила здесь нет вовсе: работает 20px из
 * site/tokens.css, и шапка Tilda встаёт ровно туда, где стоял лейбл.
 * test/landing.test.ts следит, что этот лист верх НЕ переопределяет. */

.lead{margin:12px 0}

footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--text-muted);font-size:.9rem}
footer .brand{color:var(--text);font-weight:600}

/* Вторая кнопка на экране не должна спорить с «Рассчитать»: на сайте рядом с
 * заливными кнопками живут такие же по форме, но обведённые. */
a.tg{display:inline-block;margin-top:10px;min-height:var(--tap);box-sizing:border-box;padding:12px 24px;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-weight:600;text-decoration:none}