/* v1.3.1 styles */
.saffery-iht{--brand:#003d40;--brand-2:#00b9b9;--surface:#003d40;--muted:#e5f4f4;--ink:#ffffff;--border:#0b5c5f;--bg:#f6f8fb}
.saffery-iht--layout{background:var(--bg);padding:clamp(16px,2vw,32px);border-radius:16px}
.saffery-iht__grid-1{max-width:900px;margin:0 auto}

.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);color:var(--ink);margin-bottom:30px;display:flex;flex-direction:column}
.saffery-iht__legend{margin:0;padding:4px 2px 12px 2px;display:block;float:left;width:auto;color:var(--brand-2);text-transform:uppercase;letter-spacing:.02em;font-weight:800;border-bottom:1px solid rgba(255,255,255,.25)}
.saffery-iht__legend .step{display:inline-block;font-size:2rem;font-weight:900;line-height:1;color:var(--brand-2)}
.legend-help{clear:both;margin:.85rem 0 12px 0;color:#d1eeee;line-height:normal}

.saffery-iht__form label{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0}
.saffery-iht__form .checkbox{flex-direction:row;align-items:center;gap:.6rem}
.saffery-iht__form .checkbox input{order:0}
.saffery-iht__form input[type="checkbox"]{accent-color:#00b9b9}
.saffery-iht__form input[type="text"]{padding:.65rem .75rem;border:1px solid #1a6b6f;border-radius:.55rem;font:inherit;max-width:24rem;background:#fff;color:#0b0b0b}

.saffery-iht__grid.gifts{display:grid;}
.gifts--two{grid-template-columns:repeat(2,minmax(12rem,1fr))}
@media (max-width:640px){ .gifts--two{grid-template-columns:1fr} }

.saffery-iht__button{padding:.85rem 1.2rem;border-radius:.8rem;background:#00b9b9;color:#003d40;border:1px solid #00b9b9;cursor:pointer;font-weight:700;font-size:1rem;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.saffery-iht__button:hover{ background:#009b9b; border-color:#009b9b; color:#003d40; }

/* Results */
.saffery-iht__results{ margin-top:30px; }
.saffery-iht__results.is-hidden{ display:none; } /* hidden until Calculate is clicked */

.card__legend-like{
  margin:0;padding:4px 2px 12px 2px;display:block;color:var(--brand-2);
  text-transform:uppercase;letter-spacing:.02em;font-weight:800;border-bottom:1px solid rgba(255,255,255,.25)
}

.hero-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:.2rem 0 1.5rem}
.metric{padding:16px;border:2px solid #00b9b9;border-radius:12px;background:#003d40;color:#fff;text-align:center}
.metric .k{font-size:.95rem;color:#d1eeee}
.metric .v{font-weight:800;font-size:1.35rem;color:#fff}
.metric.highlight{background:#00b9b9;border-color:#00b9b9;color:#003d40}
.metric.highlight .k,.metric.highlight .v{color:#003d40}

.saffery-iht__disclaimer{font-size:.9rem;color:#d1eeee;margin-top:.6rem}
.table{width:100%;border-collapse:collapse;margin:.6rem 0;background:#08484a;border-radius:10px;overflow:hidden;color:#fff}
.table th,.table td{border:1px solid #1a6b6f;padding:.6rem .55rem}
.table th{background:#0d5a5d;text-align:left}
.table .num{text-align:right}
.table .right{text-align:right}
.bullets{line-height:1.6;padding-left:1.1rem}
.note{margin-top:.6rem;color:#0b0b0b;background:#fff7ed;border:1px solid #fed7aa;padding:.6rem .8rem;border-radius:.6rem}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background-color: #013d40;outline:#013d40;color:#fff}
.saffery-iht__summary, .saffery-iht__breakdown, .saffery-iht__breakdown .bullets {margin-top: 20px;}