/* This section owns its presentation; pig cards, header and location search stay separate. */
.hourly{margin:32px 0 0;padding-top:24px;border-top:1px solid #183e3b30}.hourly h2{font:500 16px system-ui,sans-serif;margin:0}.hourly .hourly-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.hourly .hourly-window{font-size:11px}.hourly .metric-tabs{display:flex;gap:22px;margin:20px 0}.hourly .metric-tabs button{color:var(--ink);background:transparent;border-radius:0;padding:8px 0;font-size:13px;border-bottom:2px solid transparent}.hourly .metric-tabs button[aria-pressed=true]{border-color:var(--ink)}.hourly .hourly-reading{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px}.hourly .hourly-reading p{margin:0;font-size:12px}.hourly #hourly-condition{opacity:.8}.hourly #hourly-temperature{font:32px Georgia,serif}.hourly .hourly-values{text-align:right;display:grid;gap:4px}.hourly .hourly-values small{font-size:11px}.hourly .chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin}.hourly .chart-scroll svg{display:block;max-width:none;cursor:crosshair}.hourly .scrubber{display:block;width:100%;height:30px;accent-color:#183e3b;margin:6px 0;padding:0;background:transparent;cursor:pointer}.hourly .hourly-hint{font-size:10px;margin:4px 0 18px;opacity:.85}.hourly .day-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 10px}.hourly .day-strip button{flex:0 0 auto;white-space:nowrap;font-size:11px;background:transparent;color:var(--ink);border:1px solid #183e3b40;border-radius:8px;padding:10px}.hourly .day-strip button[aria-pressed=true]{background:#ffffff35;border-color:var(--ink)}.hourly .hourly-footnote{font-size:10px;opacity:.85;margin:10px 0}.hourly #hourly-unavailable{font-size:12px}@media(max-width:650px){.hourly .metric-tabs{gap:20px}.hourly .hourly-reading{gap:12px}.hourly #hourly-temperature{font-size:29px}}

/* Teal scroll controls: explicit WebKit and Firefox styles avoid white/grey native tracks. */
.hourly .chart-scroll,.hourly .day-strip{scrollbar-color:#286f69 #438f89}.hourly .chart-scroll::-webkit-scrollbar,.hourly .day-strip::-webkit-scrollbar{height:6px;width:6px}.hourly .chart-scroll::-webkit-scrollbar-track,.hourly .day-strip::-webkit-scrollbar-track{background:#438f89;border-radius:8px}.hourly .chart-scroll::-webkit-scrollbar-thumb,.hourly .day-strip::-webkit-scrollbar-thumb{background:#286f69;border-radius:8px}.hourly .scrubber{-webkit-appearance:none;appearance:none;border:0;border-radius:0;min-width:0}.hourly .scrubber::-webkit-slider-runnable-track{height:4px;background:#398f89;border-radius:4px}.hourly .scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:20px;border-radius:0;background:transparent url("slider-handle.svg") center/contain no-repeat;clip-path:none;border:0;box-shadow:none;margin-top:-8px;}.hourly .scrubber::-moz-range-track{height:4px;background:#398f89;border:0;border-radius:4px}.hourly .scrubber::-moz-range-progress{height:4px;background:#286f69;border-radius:4px}.hourly .scrubber::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:40px;height:20px;border-radius:0;background:transparent url("slider-handle.svg") center/contain no-repeat;clip-path:none;border:0;box-shadow:none;}