.rain-soil-comparison .soil-history-header p{margin:10px 0 0;font-size:14px;line-height:1.5;color:#d3ecef}
.rain-soil-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 28px;background:#edf7fa;font-size:14px;line-height:1.6}
.rain-soil-facts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.rain-soil-facts span{background:#fff;border:1px solid #cbdfe9;border-radius:12px;padding:10px 13px;font-size:14px}
.rain-soil-readout{margin:16px 0 8px;padding:12px 16px;border-radius:12px;background:#e5f2f8;border:1px solid #c7dfe9;font-size:13px;line-height:1.7;min-height:44px}
.rain-soil-readout strong{display:block}.rain-soil-readout span{display:inline-block;margin-right:16px}
.rain-soil-time-selection{display:grid;gap:6px;margin:14px 0;font-size:13px;font-weight:700}
.rain-soil-time-selection input{width:100%;accent-color:#167fa4}
.rain-soil-plots{display:grid;gap:14px;margin-top:16px}
.rain-soil-plot{border:1px solid #cbdfe8;border-radius:16px;overflow:hidden;background:#f5fafc;min-width:0}
.rain-soil-plot header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e4f1f6;padding:12px 16px}
.rain-soil-plot h3{margin:0;font-size:16px;line-height:1.4}
.rain-soil-plot header small{font-size:12px;color:#547586}
.rain-soil-graph{height:205px;width:100%}.rain-soil-plot.is-rain .rain-soil-graph{height:200px}
.rain-soil-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#59758a}
.rain-soil-legend i{display:inline-block;width:14px;height:10px;vertical-align:middle;margin-right:4px;background:repeating-linear-gradient(135deg,#e2e8ed,#e2e8ed 3px,#cad5de 3px,#cad5de 4px)}
.rain-soil-comparison .soil-history-depths input:disabled{opacity:.4}.rain-soil-comparison .soil-history-depths label:has(input:disabled){opacity:.55}
.rain-soil-comparison:fullscreen .rain-soil-graph,.rain-soil-comparison.is-expanded .rain-soil-graph{height:230px}
@media(max-width:900px){.rain-soil-intro{grid-template-columns:1fr;padding:15px 20px;gap:8px}}
@media(max-width:500px){.rain-soil-intro{padding:15px}.rain-soil-plot header{align-items:flex-start;flex-direction:column;gap:3px}.rain-soil-plot h3{font-size:14px}.rain-soil-facts span{font-size:12px;flex:1}.rain-soil-graph{height:185px}}