/* ============================================================================
 *  Оформление раздела «Калькуляторы»: и списка, и страницы одного расчёта.
 *
 *  Файл раньше назывался kalkulyatory-spisok.css и подключался только на
 *  списке. Из-за этого блок «Рядом по теме» на странице калькулятора выводился
 *  без единого стиля — карточки шли строкой текста вперемешку с иконками.
 *  Имя исправлено на честное, подключается на обеих страницах.
 *
 *  Ритм взят от карточек сайта: отступ между блоками 30px, скругление 10px,
 *  рамка #dfe3d8. Зелёный #93af6e — фирменный, появляется только при наведении:
 *  тринадцать зелёных карточек сразу превратили бы страницу в витрину, по
 *  которой не видно, куда ты навёл.
 * ========================================================================== */

/*  Вводный блок списка.
 *
 *  Был одной строкой в 760px, прижатой к левому краю под заголовком, который
 *  на этой странице выровнен по центру. Получалась висячая фраза: заголовок
 *  посередине, текст сбоку, справа пустота на треть экрана — и на телефоне
 *  вплотную к краю, потому что боковой отступ давал только контейнер. Теперь
 *  это отдельный блок по центру, с собственными полями. */
.kalk-vvod{max-width:760px;margin:0 auto 4px;padding:0 4px;text-align:center}

.kalk-lead{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:16px;line-height:1.55;
    color:#5c5249;margin:0}

/*  Строка про сохранение: гостю — что расчёты никуда не денутся, если войти,
 *  вошедшему — где их искать. Тон спокойный, это подсказка, а не призыв. */
.kalk-vhod{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;line-height:1.5;
    color:#6b6259;margin:12px 0 0;padding:11px 16px;background:#faf7f5;
    border:1px solid #dfe3d8;border-radius:8px;display:inline-block;text-align:left}
.kalk-vhod a{color:#6f8a48;text-decoration:underline}
.kalk-vhod a:hover{color:#93af6e}

/*  Строка под итогом расчёта: сохранилось, не сохранилось, или чем поможет
 *  вход. Раньше запись шла молча, и «ввёл — а в расчётах пусто» невозможно
 *  было отличить от поломки, не сходив в кабинет. */
.kalk-sohr{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;line-height:1.5;
    margin:12px 0 0;padding:10px 14px;border-radius:8px;border:1px solid #dfe3d8;
    background:#faf7f5;color:#5c5249}
.kalk-sohr a{color:#6f8a48;text-decoration:underline}
.kalk-sohr a:hover{color:#93af6e}
.kalk-sohr--est{border-color:#cbdcb4;background:#f2f6ec}
.kalk-sohr--net{border-color:#e3c9c2;background:#fbf3f1;color:#7a4b3d}

.kalk-gruppa{margin-top:30px}
.kalk-gruppa-imya{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    font-size:22px;line-height:1.3;color:#33251d;margin:0 0 14px}

.kalk-setka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.kalk-kartochka{display:block;background:#fff;border:1px solid #dfe3d8;border-radius:10px;
    padding:20px 22px 22px;text-decoration:none;color:inherit;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
.kalk-kartochka:hover,.kalk-kartochka:focus-visible{border-color:#93af6e;text-decoration:none;
    box-shadow:0 6px 16px rgba(147,175,110,.28);transform:translateY(-1px);color:inherit}
.kalk-kartochka:focus-visible{outline:3px solid #93af6e;outline-offset:2px}

.kalk-ikonka{display:block;width:32px;height:32px;margin-bottom:12px}
.kalk-ikonka img{display:block;width:32px;height:32px}

.kalk-imya{display:block;font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    font-size:17px;line-height:1.32;color:#33251d;margin-bottom:7px}
.kalk-opisanie{display:block;font-family:'Montserrat-Regular','Arial',sans-serif;
    font-size:14px;line-height:1.45;color:#6b6259}

.kalk-disc{margin:30px 0 0;padding:16px 20px;background:#f1f0eb;border-radius:10px;
    font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;line-height:1.5;color:#5c5249}

/* Страница одного калькулятора */
.kalk-hlebnye{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;color:#6b6259;margin:0 0 16px}
.kalk-hlebnye a{color:#5f7c35}

.kalk-dokumenty,.kalk-sosedi{margin-top:30px}
.kalk-dokumenty h2,.kalk-sosedi h2{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    font-size:22px;line-height:1.3;color:#33251d;margin:0 0 14px}
.kalk-dok-lead,.kalk-dok-note{font-family:'Montserrat-Regular','Arial',sans-serif;
    font-size:15px;line-height:1.5;color:#5c5249;max-width:760px}
.kalk-dok-note{margin-top:12px;color:#6b6259;font-size:14px}
.kalk-dokumenty ul{margin:0;padding:0;list-style:none;display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.kalk-dokumenty li{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:15px;line-height:1.5}
.kalk-dokumenty li a{color:#5f7c35}

@media (max-width:991px){
    .kalk-setka{grid-template-columns:repeat(2,minmax(0,1fr))}
    .kalk-dokumenty ul{grid-template-columns:1fr}
}
@media (max-width:640px){
    .kalk-setka{grid-template-columns:1fr}
    .kalk-gruppa-imya,.kalk-dokumenty h2,.kalk-sosedi h2{font-size:20px}
    .kalk-kartochka{padding:18px 18px 20px}
}


/* ── «Мои расчёты» в кабинете ──────────────────────────────────────────────
   Тот же ритм, что и в списке калькуляторов: белая карточка, рамка #dfe3d8,
   скругление 10, отступ между блоками 12–30. Раздел живёт рядом с
   калькуляторами и не должен выглядеть из другого сайта. */

.rsch-svodka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:14px}
.rsch-plitka{background:#fff;border:1px solid #dfe3d8;border-radius:10px;padding:18px 20px}
.rsch-plitka .chislo{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    font-size:30px;line-height:1.1;color:#33251d;margin-bottom:4px}
.rsch-plitka .chislo-text{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    font-size:17px;line-height:1.28;color:#33251d;margin-bottom:6px}
.rsch-plitka .podpis{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:13.5px;
    line-height:1.4;color:#6b6259}
.rsch-period{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;color:#6b6259;
    margin:0 0 30px}

.rsch-karta{background:#fff;border:1px solid #dfe3d8;border-radius:10px;padding:18px 22px;
    margin-bottom:12px}
.rsch-verh{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.rsch-imya{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;font-size:17px;
    line-height:1.3;color:#33251d}
.rsch-imya a{color:#33251d;text-decoration:none;border-bottom:1px solid #dfe3d8}
.rsch-imya a:hover{color:#33251d;border-bottom-color:#93af6e}
.rsch-podpis{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:13.5px;color:#6b6259;
    margin-top:3px}
.rsch-sprava{text-align:right;flex:0 0 auto}
.rsch-itog{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;font-size:20px;
    line-height:1.2;color:#33251d}
.rsch-data{font-family:'Montserrat-Regular','Arial',sans-serif;font-size:13px;color:#6b6259;
    margin-top:2px}

.rsch-znacheniya{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;
    margin-top:12px;font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px}
.rsch-znacheniya > div{display:flex;justify-content:space-between;gap:12px;
    border-bottom:1px solid #f0f0ec;padding-bottom:5px}
.rsch-znacheniya span{color:#6b6259}
.rsch-znacheniya b{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;
    color:#33251d;white-space:nowrap}

.rsch-vhod{margin-top:12px}
.rsch-vhod summary{cursor:pointer;font-family:'Montserrat-Regular','Arial',sans-serif;
    font-size:14px;color:#5f7c35}
.rsch-vhod summary:hover{color:#4d6629}

.rsch-knopki{display:flex;gap:10px;align-items:center;margin-top:14px}
.rsch-knopki form{margin:0}
.rsch-knopka{display:inline-block;border:1px solid #dfe3d8;border-radius:8px;padding:8px 14px;
    background:#fff;color:#33251d;text-decoration:none;cursor:pointer;
    font-family:'Montserrat-Regular','Arial',sans-serif;font-size:14px;line-height:1.2}
.rsch-knopka:hover{border-color:#93af6e;color:#33251d;text-decoration:none}
.rsch-ubrat{color:#a94442}
.rsch-ubrat:hover{border-color:#a94442;color:#a94442}

.rsch-pusto{background:#fff;border:1px dashed #dfe3d8;border-radius:10px;padding:28px;
    text-align:center;font-family:'Montserrat-Regular','Arial',sans-serif;font-size:15px;
    line-height:1.5;color:#5c5249}
.rsch-pusto b{font-family:'Montserrat-Medium','Arial',sans-serif;font-weight:400;font-size:17px;
    color:#33251d;display:block;margin-bottom:8px}
.rsch-pusto p{margin:0;max-width:560px;margin-left:auto;margin-right:auto}
.rsch-pusto a{color:#5f7c35}

@media (max-width:991px){
    .rsch-svodka{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rsch-znacheniya{grid-template-columns:1fr}
}
@media (max-width:640px){
    .rsch-svodka{grid-template-columns:1fr}
    .rsch-verh{flex-direction:column}
    .rsch-sprava{text-align:left}
}
