/* Scoped material-planner controls; shared site styles remain unchanged. */
.material-tool {margin-bottom:4rem}
.material-tool fieldset {border:0;padding:0;margin:0 0 1rem;min-width:0}
.material-tool .material-measurement {padding:1rem;border:1px solid var(--border,#d8e1d5);border-radius:12px;background:rgba(255,255,255,.42)}
.material-tool .material-measurement legend {font-size:.85rem;font-weight:700;padding:0 .35rem}
.material-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:end}
.material-row:has([data-dimension="thickness"]) {grid-template-columns:repeat(3,minmax(0,1fr))}
.material-row .material-remove {grid-column:1/-1;justify-self:start;font-size:.8rem;min-height:32px}
.material-tool .material-row label {font-size:.8rem}
.material-tool .material-row input {width:100%;min-width:0}
.material-heading {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.4rem 0 .75rem}
.material-heading h3 {font-size:1rem;margin:0}
.material-heading button {flex-shrink:0}
.material-tool .error-message:empty {display:none}
.material-tool .error-message:focus {outline:2px solid currentColor;outline-offset:4px}
.material-tool button:disabled {opacity:.55;cursor:not-allowed}
.material-tool .results .result-note,.material-tool .results .result-detail span,.material-tool .results .copy-status,.material-tool .results .step-label {color:#52645b}
.material-tool .result-number {overflow-wrap:anywhere}
.material-tool .result-detail {gap:1rem}
.material-tool .result-detail strong {text-align:right;overflow-wrap:anywhere}
.material-tool .result-update {font-weight:600}
.material-tool .result-actions {margin-top:1.1rem}
.material-tool .info-note {margin-top:1rem}
.material-sources {font-size:.9rem;line-height:1.65}
@media(max-width:560px){.material-row,.material-row:has([data-dimension="thickness"]){grid-template-columns:1fr}.material-heading{align-items:flex-start}.material-heading button{max-width:47%;white-space:normal}.material-tool .fields{grid-template-columns:1fr}.material-tool .result-detail{align-items:start}.material-tool .form-actions{flex-wrap:wrap}.material-tool .result-number{font-size:2.5rem}}