/* Warehouse Storage Capacity Calculator - page-specific styles. Global .ops- system loads from the theme. */
.wc-chart-wrap { position: relative; height: 300px; margin-top: 22px; }
#chartCanvas { max-width: 100% !important; }
.wc-row3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 14px; }
.wc-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.wc-sub { font: 600 11px/1 var(--ops-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ops-text-dim); margin: 18px 0 6px; }
.wc-hint { font-size: 12px; line-height: 1.5; color: var(--ops-text-faint); margin: -2px 0 14px; }
#wc-calc[data-mode="racking"] .wc-volume { display: none; }
#wc-calc[data-mode="volume"] .wc-racking { display: none; }
@media (max-width: 560px) { .wc-row3, .wc-row2 { grid-template-columns: 1fr; } .wc-chart-wrap { height: 320px; } }