/* A painted notebook in the same wooden window: precise data over soft washes. */
.graph-window .graph-paper{background:#f7efdc;box-shadow:inset 0 0 28px #7961421a}
.graph-watercolour{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 12%,#8bbcc552,transparent 58%),radial-gradient(ellipse at 72% 5%,#e9c98645,transparent 52%),radial-gradient(ellipse at 90% 85%,#8baf9161,transparent 60%),linear-gradient(155deg,#f4f0dc,#e9eddf 55%,#f5e6cc);opacity:.94}
.graph-watercolour::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 33%,#fff8e999,transparent 36%),radial-gradient(ellipse at 65% 55%,#fff8e966,transparent 42%);filter:blur(12px)}
.history-chart-plot{position:absolute;inset:0 clamp(74px,17%,180px) 0 0;min-width:0;isolation:isolate}
#history-combined-chart{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:none}
#history-combined-chart text{font:11px var(--sans);fill:#71634f;stroke:none}
#history-combined-chart .graph-axis-caption{font-size:9px;letter-spacing:1.8px}
.graph-grid-line{stroke:#877c643d;stroke-width:1;stroke-dasharray:2 5}
.graph-time-grid{stroke:#877c641c;stroke-width:1}
.graph-brush-wash{fill:none;stroke-width:11;opacity:.12;stroke-linecap:round;stroke-linejoin:round}
.graph-ink-line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.graph-observation{stroke:#fff4de;stroke-width:.7}
.graph-hour-cursor{stroke:#71634f;stroke-width:1;stroke-dasharray:3 5;opacity:.55}
.history-line-series{opacity:1;transition:opacity .55s ease-in-out}
.history-line-series[aria-hidden=true]{pointer-events:none}
.history-graph-empty{position:absolute;top:45%;left:13%;right:6%;font:21px/1.5 var(--serif);color:#71634f;text-align:center;pointer-events:none}
.history-graph-empty[hidden]{display:none}

.graph-window>.history-girl{height:70%;max-height:min(300px,28vw);width:32%;right:-5%;bottom:-16px}
.history-line-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:34px 0 0}
.history-line-filters button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #b9ad93;border-radius:24px;min-height:39px;padding:8px 16px;font:11px var(--sans);background:#fff9ed80;color:#63584b;transition:background .35s,border-color .35s,color .35s}
.history-line-filters button[aria-pressed=true]{border-color:var(--series-color);background:#fff9edcc;color:var(--series-color)}
.history-line-filters button[aria-pressed=false]{background:transparent;color:#71634f}
.line-swatch{display:block;width:24px;border-top:3px solid var(--series-color);border-radius:2px;box-shadow:0 1px 5px #8a7d6722;transition:opacity .35s}
.pm25-swatch{border-top-style:dashed}.aqi-swatch{border-top-style:dotted}
.line-state{font-size:11px;opacity:1;transition:opacity .35s}
[aria-pressed=false] .line-state{opacity:0}[aria-pressed=false] .line-swatch{opacity:.4}
.history-filter-hint{text-align:center;color:#71634f;font-size:9px;letter-spacing:.2px;margin:10px 0 0}
.history-scale-note{text-align:center;color:#71634f;font-size:9px;line-height:1.6;letter-spacing:.1px;margin:5px 8px 0}
.history-hour-control{margin-top:23px}.history-hour-control label>span{display:block;font:14px var(--serif);letter-spacing:.1px;margin-top:7px}
.history-card{padding-top:19px;padding-bottom:18px}
.history-card .history-summary{margin-top:13px}
@media(max-width:700px){.history-chart-plot{right:68px}.graph-window>.history-girl{height:43%;max-height:155px;width:39%;right:-12%;bottom:-14px}.history-line-filters{gap:8px;margin-top:30px}.history-line-filters button{font-size:10px;gap:7px;padding:8px 11px;min-height:37px}.line-swatch{width:18px}.history-filter-hint{font-size:8px}.history-graph-empty{font-size:18px;left:20%;right:5%}}
@media(max-width:350px){.history-line-filters{gap:6px}.history-line-filters button{font-size:9px;gap:5px;padding:8px 9px}.line-swatch{width:16px}.history-chart-plot{right:61px}}
@media(prefers-reduced-motion:reduce){.history-line-series,.history-line-filters button,.line-swatch,.line-state{transition:none!important}}