/* Guerchet Method Calculator - page-specific styles. Global .ops- system loads from the theme. */
.gm-chart-wrap { position: relative; height: 340px; margin-top: 22px; }
#chartCanvas { max-width: 100% !important; }
.gm-row3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 12px; }
.gm-table { width: 100%; border-collapse: collapse; margin: 6px 0 8px; }
.gm-table th { text-align: left; font: 600 10px/1.2 var(--ops-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--ops-text-dim); padding: 4px 5px 8px 0; }
.gm-table td { padding: 3px 5px 3px 0; }
.gm-table .ops-input, .gm-table .ops-select { width: 100%; min-width: 0; padding-left: 6px; padding-right: 6px; }
.gm-sub { font: 600 11px/1 var(--ops-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ops-text-dim); margin: 18px 0 6px; }
.gm-hint { font-size: 12px; line-height: 1.5; color: var(--ops-text-faint); margin: -4px 0 14px; }
.gm-scroll { overflow-x: auto; }
@media (max-width: 620px) { .gm-row3 { grid-template-columns: 1fr; } .gm-table { min-width: 560px; } .gm-chart-wrap { height: 360px; } }