/* Hardwood refinishing cost guide: calculator */
html body #coastal-redesign .rc-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 28px;background:#f6f2ec;border:1px solid #ece2d2;border-radius:20px;padding:24px;margin:18px 0 10px}
html body #coastal-redesign .rc-in label{display:block;font-weight:700;color:var(--primary,#0f2d59);margin:0 0 8px}
html body #coastal-redesign .rc-num{display:flex;align-items:center;background:#fff;border:1.5px solid #e2d6c3;border-radius:12px;padding:0 14px;max-width:220px}
html body #coastal-redesign .rc-num:focus-within{border-color:#c39a68;box-shadow:0 0 0 3px rgba(195,154,104,.2)}
html body #coastal-redesign .rc-num input{border:0;outline:0;background:transparent;font:inherit;font-size:1.35rem;font-weight:700;color:var(--primary,#0f2d59);width:100%;padding:12px 0;min-width:0}
html body #coastal-redesign .rc-num span{color:#6b7280;font-weight:600;white-space:nowrap}
html body #coastal-redesign .rc-hint{font-size:.88rem;color:#6b7280;margin:10px 0 0;line-height:1.5}
html body #coastal-redesign .rc-cond{border:0;padding:0;margin:0;display:grid;gap:8px;grid-row:span 2}
html body #coastal-redesign .rc-cond legend{font-weight:700;color:var(--primary,#0f2d59);margin:0 0 8px;padding:0}
html body #coastal-redesign .rc-cond label{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid #e6e0d5;border-radius:12px;padding:12px 14px;cursor:pointer;line-height:1.45}
html body #coastal-redesign .rc-cond label:has(input:checked){border-color:var(--primary,#0f2d59);box-shadow:0 0 0 1px var(--primary,#0f2d59)}
html body #coastal-redesign .rc-cond input{margin:3px 0 0;accent-color:#0f2d59;width:18px;height:18px;flex-shrink:0}
html body #coastal-redesign .rc-cond b{display:block;color:var(--primary,#0f2d59)}
html body #coastal-redesign .rc-cond label span{font-size:.92rem;color:#4b5563}
html body #coastal-redesign .rc-out{background:#0f2d59;color:#fff;border-radius:16px;padding:18px 20px;align-self:end}
html body #coastal-redesign .rc-out span{display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e6c9a0;margin:0 0 6px}
html body #coastal-redesign .rc-out b{display:block;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.1;color:#fff}
html body #coastal-redesign .rc-out small{display:block;margin:8px 0 0;font-size:.86rem;color:rgba(255,255,255,.78);line-height:1.5}
html body #coastal-redesign .ga-small{font-size:.88rem;color:#6b7280}
@media(max-width:720px){html body #coastal-redesign .rc-calc{grid-template-columns:1fr;padding:18px;gap:18px}html body #coastal-redesign .rc-cond{grid-row:auto}html body #coastal-redesign .rc-num{max-width:none}}