.metal-calculator { scroll-margin-top: 110px; }
.metal-calculator-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; }
.metal-calculator-card, .metal-calculator-result { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); }
.metal-calculator-card { display: flex; flex-direction: column; align-items: stretch; background: var(--surface); }
.metal-calculator-card label { margin-bottom: .5rem; font-weight: 600; }
.metal-calculator-card select, .metal-calculator-card input { width: 100%; min-height: 48px; padding: .75rem; border: 1px solid #999; border-radius: var(--radius-sm); background: white; color: var(--ink); font: inherit; }
.metal-calculator-card select { margin-bottom: 1.25rem; }
.metal-calculator-card small { margin-top: .5rem; color: var(--muted); }
.metal-calculator-card button { margin-top: 1.5rem; cursor: pointer; }
.metal-calculator-error { margin: .5rem 0 0; color: #a51d24; font-size: .875rem; }
.metal-calculator-card input[aria-invalid="true"] { border-color: #a51d24; }
.metal-calculator-result { display: flex; flex-direction: column; justify-content: center; background: var(--soft); border-top: 4px solid var(--highlight); }
.metal-estimate { margin: .75rem 0; color: var(--accent-dark); font-size: clamp(1.5rem, 2.8vw, 2.2rem); font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.metal-calculator-disclaimer { padding-top: 1rem; border-top: 1px solid var(--line); font-size: .875rem; }
.metal-calculator-result .btn { align-self: flex-start; white-space: normal; }
.metal-calculator-notes { margin-top: 1.5rem; padding: 1.5rem; border-left: 3px solid var(--highlight); background: var(--soft); border-radius: var(--radius-sm); }
.metal-calculator-notes h3 { margin-bottom: .75rem; }
.metal-calculator-notes p { font-size: .9rem; }
.metal-calculator-notes p:last-child { margin-bottom: 0; }
@media (max-width: 700px) {
    .metal-calculator-grid { grid-template-columns: minmax(0, 1fr); }
}