/* Shared mobile controls: equal widths, complete labels and usable touch targets. */
@media (max-width:760px) {
 .wzd-product-balanced .wb-calculator .wb-surface-controls{padding:8px;gap:7px}
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]{display:grid;grid-template-columns:46px repeat(2,minmax(0,1fr));gap:6px;align-items:center;min-width:0}
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]:has(>button:nth-of-type(3)){grid-template-columns:46px repeat(3,minmax(0,1fr))}
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]>span{width:auto;min-width:0;font-size:11px;white-space:nowrap}
 .wzd-product-balanced .wb-calculator :is(.wb-surface-controls,.wb-metric-controls,.wb-roof-controls,.wb-curve-controls,.wb-vent-w-controls,.wb-stone-controls,.wb-area-toggle,.wb-chips) button{box-sizing:border-box;min-width:0;min-height:44px;padding:6px 4px;font-size:12px;line-height:1.4;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-align:center}
 .wzd-product-balanced .wb-calculator :is(.wb-metric-controls,.wb-roof-controls,.wb-curve-controls,.wb-vent-w-controls,.wb-stone-controls,.wb-area-toggle){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
 .wzd-product-balanced .wb-calculator :is(.wb-curve-controls,.wb-vent-w-controls,.wb-stone-controls,.wb-area-toggle):has(>button:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
 .wzd-product-balanced .wb-calculator :is(.wb-metric-controls,.wb-roof-controls):has(>button:only-child){grid-template-columns:minmax(0,1fr)}
 .wzd-product-balanced .wb-calculator .wb-vent-pattern-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wzd-product-balanced .wb-calculator .wb-vent-pattern-options button>span{white-space:nowrap}
 .wzd-product-balanced .wb-calculator .wb-vent-pattern-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .wzd-product-balanced .wb-calculator .wb-vent-pattern-actions button{min-width:0;min-height:44px;padding:6px 3px;font-size:11px;white-space:nowrap}
 .wzd-product-balanced .wb-calculator :is(.wb-surface-controls,.wb-metric-controls,.wb-roof-controls,.wb-curve-controls,.wb-vent-w-controls,.wb-stone-controls) button[aria-pressed="true"]{border-color:var(--c-brick,#8e2521);color:var(--c-brick,#8e2521);background:#faf4f3}
 .wzd-product-balanced .wb-calculator button:focus-visible{outline:2px solid var(--c-brick,#8e2521);outline-offset:2px}
}
@media (max-width:360px) {
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"],.wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]:has(>button:nth-of-type(3)){grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px}
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]:has(>button:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
 .wzd-product-balanced .wb-calculator .wb-surface-controls [role="group"]>span{grid-column:1/-1}
 .wzd-product-balanced .wb-calculator :is(.wb-surface-controls,.wb-curve-controls,.wb-vent-w-controls,.wb-area-toggle) button{font-size:11px}
}
