/* Калькуляторы: формы и результат поверх стилей блога (/blog/assets/style.css). */
/* Классы ниже задают display, поэтому браузерное скрытие по [hidden] их не берёт. */
[hidden]{display:none!important}
.calc-hero{border-top:none; padding:56px 0 24px}
.calc-wrap{display:grid; gap:20px}
@media(min-width:900px){.calc-wrap{grid-template-columns:1fr 1fr; align-items:start}}
.calc-card{border:1px solid var(--border); background:var(--surface); border-radius:24px; padding:24px}
.calc-card h2{font-size:18px; margin-bottom:16px}
.calc-field{display:flex; flex-direction:column; gap:6px; margin-bottom:16px; font-size:13px; color:var(--text2)}
.calc-field input,.calc-field select{width:100%; background:#1b1b20; border:1px solid var(--border); color:var(--text);
  border-radius:12px; padding:11px 14px; font:16px 'Inter',system-ui,sans-serif; color-scheme:dark}
.calc-field input:focus,.calc-field select:focus{outline:2px solid var(--violet); outline-offset:1px}
.calc-hint{font-size:12px; color:var(--text3)}
.calc-row{display:grid; gap:14px}
@media(min-width:560px){.calc-row{grid-template-columns:1fr 1fr}}
.calc-toggle{display:grid; grid-template-columns:1fr 1fr; gap:6px; background:#1b1b20; padding:4px; border-radius:14px; margin-bottom:16px}
.calc-toggle input{position:absolute; opacity:0; width:1px; height:1px}
.calc-toggle span{display:block; text-align:center; padding:9px; border-radius:11px; color:var(--text2); cursor:pointer; font-weight:600; font-size:14px}
.calc-toggle input:checked+span{background:var(--surface); color:var(--text)}
.calc-result dl{display:grid; grid-template-columns:1fr auto; gap:10px 16px; font-size:15px}
.calc-result dt{color:var(--text2)}
.calc-result dd{text-align:right; font-variant-numeric:tabular-nums}
.calc-total{margin-top:18px; padding-top:18px; border-top:1px solid var(--border)}
.calc-total .sum{font-size:30px; font-weight:700; font-family:'Unbounded',sans-serif}
.calc-total .label{color:var(--text2); font-size:14px; margin-bottom:6px}
.calc-note{margin-top:16px; font-size:13px; line-height:1.6; color:var(--text2)}
.calc-warn{margin-top:14px; padding:12px 14px; border-radius:12px; background:rgba(251,191,36,.1);
  border:1px solid rgba(251,191,36,.28); color:#fde68a; font-size:13px; line-height:1.55}
.calc-cta{margin-top:20px; display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.calc-deadlines{margin-top:18px; font-size:13px; color:var(--text2); line-height:1.7}
.calc-deadlines b{color:var(--text)}