body{background:#f7f8f7}.tool-hero{padding:68px 0 34px;background:#fff;border-bottom:1px solid #dde2df}.tool-hero h1{max-width:900px;font-size:clamp(38px,6vw,68px);line-height:1.03;letter-spacing:-.045em}.tool-hero p{max-width:760px;font-size:18px;line-height:1.65}.tool-wrap{max-width:900px;margin:42px auto;padding:0 22px}.tool-card{background:#fff;border:1px solid #dde2df;border-radius:22px;padding:28px;margin:22px 0}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.tool-field input,.tool-field select{width:100%;box-sizing:border-box;border:1px solid #ccd4d0;border-radius:10px;padding:13px;font:inherit}.tool-result{margin-top:22px;padding:22px;border-radius:16px;background:#e8f5f1}.tool-result strong{font-size:32px;display:block;color:#146b59}.tool-result span{display:block;margin-top:8px;line-height:1.5}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.tool-btn{border:0;border-radius:10px;padding:13px 18px;background:#146b59;color:#fff;font-weight:700;cursor:pointer}.tool-copy{background:#e8ecea;color:#18322c}.tool-content h2{margin-top:42px}.tool-content p,.tool-content li{font-size:17px;line-height:1.7}.tool-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-link{background:#fff;border:1px solid #dde2df;border-radius:18px;padding:22px;text-decoration:none;color:inherit}.tool-link b{display:block;margin-bottom:8px}@media(max-width:700px){.tool-grid,.tool-list{grid-template-columns:1fr}.tool-card{padding:20px}}

/* ============================================================
   Отступы: разбор 08.09.2026. Файл грузят 4 страницы инструментов.
   ============================================================ */

/* Заголовок первого экрана стоял ВПЛОТНУЮ к лиду: браузерный отступ снят
   глобальным ресетом в _brand.css, а своего .tool-hero h1 не задавал.
   18 px — столько же, сколько у .post-hero h1 и у надзаголовка над ним. */
.tool-hero h1 { margin-bottom: 18px; }

/* В тексте под калькулятором подзаголовок сидел на своём абзаце без просвета,
   а абзацы шли вплотную друг к другу: .tool-content h2 задавал только
   margin-top, у p не было margin вообще. */
.tool-content h2 { margin: 42px 0 12px; }
.tool-content p { margin: 0 0 18px; }
.tool-content p:last-child { margin-bottom: 0; }