/* Harborline homepage calculator. External file: the page CSP allows
   style-src 'self' plus one hashed inline block, which must not change. */
.worth-calc{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:clamp(20px,4vw,32px);box-shadow:0 2px 8px rgba(18,35,43,.035)}
.worth-fields{display:grid;gap:22px}
.worth-field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:650;font-size:1rem}
.worth-field output{font-variant-numeric:tabular-nums;font-weight:800;color:var(--sea-dark);white-space:nowrap}
.worth-field small{display:block;color:var(--ink-45);font-size:.85rem;margin-top:2px}
.worth-field input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--sea);min-height:44px;cursor:pointer}
.worth-field input[type=range]:focus-visible{outline:3px solid var(--sea);outline-offset:3px;border-radius:6px}
.worth-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.worth-result{background:var(--mint);border:1px solid var(--mint-line);border-radius:14px;padding:16px 18px}
.worth-result span{display:block;font-size:.85rem;color:var(--ink-70)}
.worth-result output{display:block;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;
  color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:4px}
.worth-break-even{margin-top:16px;padding:14px 16px;border-left:4px solid var(--sea);background:var(--paper);
  border-radius:0 12px 12px 0;font-weight:600;color:var(--ink)}
.worth-fine{margin-top:16px;font-size:.85rem;color:var(--ink-45)}
.worth-noscript{margin-top:12px;font-size:.85rem;color:var(--ink-45)}
.worth-calc.is-interactive .worth-noscript{display:none}
@media (max-width:560px){.worth-results{grid-template-columns:1fr}}