/* Calculator pages: extends .calc from the site bundle. */
.calc-tool{margin:0 0 40px}
.calc-tool h2{margin:0 0 6px}
.calc-tool form{margin:0}
.calc-tool .calc-fields{margin:20px 0 8px}
.calc-field textarea{font:inherit}
.calc-tool .calc-field{min-width:0}
.calc-tool .calc-field select,.calc-tool .calc-field input{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis;box-sizing:border-box}
.calc-field input[type="date"]{font:400 16px/1.4 var(--font-body);min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--bg);color:var(--ink)}
.calc-yesno{border:0;padding:0;margin:0;display:grid;gap:8px;font:600 13px/1.4 var(--font-body);color:var(--ink)}
.calc-yesno legend{padding:0;margin-bottom:8px}
.calc-yesno .calc-choice{display:flex;gap:10px;flex-wrap:wrap}
.calc-yesno .calc-choice label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--bg);font-weight:500;cursor:pointer}
.calc-yesno .calc-choice input{accent-color:var(--teal)}
.calc-wide{grid-column:1/-1}
.calc-periods{display:grid;gap:10px}
.calc-period-list{display:grid;gap:10px}
.calc-period{display:grid;grid-template-columns:1fr 1fr 44px;gap:10px;align-items:end}
.calc-period label{display:grid;gap:6px;font:500 12px/1.3 var(--font-body);color:var(--muted)}
.calc-period input{font:400 16px/1.4 var(--font-body);min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--bg);color:var(--ink);width:100%}
.calc-remove{min-height:44px;border:1px solid var(--line);border-radius:var(--radius-field);background:var(--white);font-size:20px;line-height:1;cursor:pointer;color:var(--muted)}
.calc-periods [data-add]{justify-self:start}
.calc-output{border-top:1px solid var(--line);padding-top:20px;margin-top:12px}
.calc-verdict{font:600 17px/1.45 var(--font-body);padding:14px 16px;border-radius:var(--radius-field);margin:0 0 16px;border-left:4px solid var(--teal);background:var(--bg)}
.calc-verdict.calc-ok{border-left-color:#2f7d5b}
.calc-verdict.calc-warn{border-left-color:#c08a2b}
.calc-verdict.calc-bad{border-left-color:#b4473c}
.calc-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0 0 14px}
.calc-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.calc-row dt{font:500 13px/1.4 var(--font-body);color:var(--muted)}
.calc-row dd{margin:0;font:500 clamp(22px,2.4vw,30px)/1.15 var(--font-display);color:var(--teal);font-feature-settings:"lnum" 1}
.calc-row.calc-warn dd{color:#9a6a17}
.calc-row.calc-bad dd{color:#b4473c}
.calc-tool .calc-note{margin:8px 0 0}
.calc-privacy{font-size:13px;color:var(--muted);margin:10px 0 0}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:24px 0}
.calc-card{display:grid;gap:8px;padding:22px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--ink)}
.calc-card strong{font:500 22px/1.2 var(--font-display);color:var(--ink)}
.calc-card span{font-size:15px;line-height:1.5;color:var(--text)}
.calc-card em{font-style:normal;font-size:13px;color:var(--teal);font-weight:600}
@media (max-width:760px){
  .calc-rows{grid-template-columns:1fr}
  .calc-period{grid-template-columns:1fr 1fr 36px;gap:6px}
  .calc-period input{padding:0 6px;font-size:15px}
}
