/* WeatherLink source images remain untouched; colour identifies each measurement. */
.xionia-home .station-graphs { --graph-accent:#ba4a35; --graph-tint:#fff5ef; }
.xionia-home .station-graph[data-graph-tone="humidity"] { --graph-accent:#12748c; --graph-tint:#edf9fc; }
.xionia-home .station-graph[data-graph-tone="pressure"] { --graph-accent:#7354a3; --graph-tint:#f6f1fc; }
.xionia-home .station-graph[data-graph-tone="wind"] { --graph-accent:#26765e; --graph-tint:#eef9f2; }
.xionia-home .station-graph[data-graph-tone="rain"] { --graph-accent:#3167ad; --graph-tint:#eff6ff; }
.xionia-home .station-graph[data-graph-tone="feels"] { --graph-accent:#a26916; --graph-tint:#fff8e9; }
.xionia-home .station-zoom #station-observations td.station-graphs {padding:18px; background:var(--station-stripe);}
.xionia-home .station-graph-help {margin:0 0 17px!important;text-align:left;font:400 14px/1.5 system-ui,sans-serif;color:var(--station-muted);}
.xionia-home .station-graph-section {margin:0 0 24px;}
.xionia-home .station-graph-section:last-child {margin-bottom:0;}
.xionia-home .station-graph-section h3 {margin:0 0 11px;text-align:left;font:650 16px/1.5 system-ui,sans-serif;color:var(--station-ink);}
.xionia-home .station-graph-grid {display:grid;grid-template-columns:repeat(var(--graph-columns,3),minmax(0,1fr));gap:14px;align-items:stretch;}
.xionia-home .station-zoom .station-graph {display:flex;flex-direction:column;min-width:0;max-width:none;margin:0;overflow:hidden;border:1px solid var(--station-border);border-top:4px solid var(--graph-accent);border-radius:12px;background:var(--station-surface);box-shadow:0 2px 6px #16354a08;}
.xionia-home .station-graph-open {display:flex;position:relative;align-items:center;justify-content:center;min-width:0;padding:13px 8px 10px;background:#fff;color:#254052;cursor:zoom-in;text-decoration:none;}
.xionia-home .station-graph-open:focus-visible {outline:3px solid var(--graph-accent);outline-offset:-3px;}
.xionia-home .station-graph-open:hover .station-graph-expand {background:#dcecf5;}
.xionia-home .station-zoom .station-graph img {display:block;max-width:100%;margin:0;object-fit:contain;}
.xionia-home .station-graph-gauge .station-graph-open {min-height:265px;}
.xionia-home .station-zoom .station-graph-gauge img {width:141px;height:auto;}
.xionia-home .station-zoom .station-graph-gauge img[width="192"] {width:212px;}
.xionia-home .station-zoom .station-graph-history img {width:100%;height:auto;}
.xionia-home .station-graph-expand {position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #b4c9d5;border-radius:6px;background:#f2f8fc;color:#254052;font:700 20px/1 system-ui,sans-serif;}
.xionia-home .station-zoom .station-graph figcaption {position:static;display:block;width:auto;height:auto;max-width:none;overflow:visible;clip-path:none;white-space:normal;margin:0;padding:11px 10px 12px;border:0;border-top:1px solid var(--station-border);text-align:left;background:var(--graph-tint);flex:1;}
.xionia-home .station-graph-title {display:block;font:650 15px/1.4 system-ui,sans-serif;color:#18354b;}
.xionia-home .station-graph-description {display:block;margin-top:4px;font:400 12px/1.45 system-ui,sans-serif;color:#405c70;}
.xionia-home.xionia-dark .station-zoom .station-graph figcaption {background:var(--station-label);}
.xionia-home.xionia-dark .station-graph-title {color:var(--station-ink);}
.xionia-home.xionia-dark .station-graph-description {color:var(--station-muted);}
.xionia-home .station-graph-reading-guide {align-self:stretch;margin:0;padding:22px;border:1px dashed var(--station-border);border-radius:12px;text-align:left;color:var(--station-muted);background:var(--station-surface);font:400 14px/1.65 system-ui,sans-serif;}
.xionia-home .station-graph-reading-guide h3 {margin:0 0 10px;color:var(--station-ink);font-size:16px;}
.xionia-home .station-graph-error {padding:18px;text-align:center;font:500 14px/1.5 system-ui,sans-serif;color:#254052;}
.xionia-home .station-graph-open img[hidden],.station-graph-dialog-viewport img[hidden] {display:none;}
.xionia-home .station-graph-error button {display:block;margin:10px auto 0;min-height:44px;padding:8px 14px;border:1px solid #a8becd;border-radius:8px;background:#edf5fa;color:#18354b;cursor:pointer;}
.station-graph-dialog {box-sizing:border-box;width:min(1000px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--station-border,#b9cedb);border-radius:16px;background:var(--station-surface,#fff);color:var(--station-ink,#16354a);font:400 15px/1.5 system-ui,sans-serif;}
.station-graph-dialog::backdrop {background:#071f32c7;}
.station-graph-dialog[open] {display:flex;flex-direction:column;overflow:hidden;}
.station-graph-dialog-head,.station-graph-dialog-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;}
.station-graph-dialog-head,.station-graph-dialog-controls,.station-graph-dialog-description {flex:0 0 auto;}
.station-graph-dialog-head {border-bottom:1px solid var(--station-border,#b9cedb);}
.station-graph-dialog-head h2 {flex:1;min-width:0;margin:0;font-size:19px;line-height:1.4;}
.station-graph-dialog button,.station-graph-dialog a {box-sizing:border-box;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--station-border,#b9cedb);border-radius:8px;color:var(--station-ink,#16354a);background:var(--station-label,#edf5fa);font:600 14px/1.5 system-ui,sans-serif;cursor:pointer;text-decoration:none;}
.station-graph-dialog button:disabled {opacity:.45;cursor:default;}
.station-graph-dialog :focus-visible {outline:3px solid #147ea6;outline-offset:2px;}
.station-graph-dialog-controls output {min-width:48px;font-variant-numeric:tabular-nums;}
.station-graph-dialog-viewport {overflow:auto;height:min(440px,43dvh);min-height:0;flex:1 1 auto;max-height:52dvh;padding:18px;background:#e9eff3;border-block:1px solid #b9cedb;overscroll-behavior:contain;}
.station-graph-dialog-viewport img {display:block;max-width:none;height:auto;margin:auto;background:#fff;}
.station-graph-dialog-description {margin:0;padding:12px 16px;color:var(--station-muted,#405c70);}
.station-graph-dialog-position {margin-left:auto;font-size:13px;color:var(--station-muted,#405c70);}
@media (max-width:600px) {
 .station-graph-dialog-head,.station-graph-dialog-controls {padding:10px;gap:6px;}
 .station-graph-dialog-head h2 {font-size:17px;}
 .station-graph-dialog-controls button,.station-graph-dialog-controls a {padding:8px;}
 .station-graph-dialog-viewport {padding:12px;max-height:48dvh;}
 .station-graph-dialog-description {padding:10px;font-size:13px;}
}
@media (min-width:600px) and (max-height:500px) {
 .station-graph-dialog[open] {display:grid;height:calc(100dvh - 24px);grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);grid-template-rows:auto auto minmax(0,1fr) auto;}
 .station-graph-dialog-head {grid-area:1/1/2/3;padding:8px 12px;}
 .station-graph-dialog>.station-graph-dialog-controls:nth-child(2) {grid-area:2/1/3/3;padding:7px 12px;}
 .station-graph-dialog-viewport {grid-area:3/1/5/2;height:auto;max-height:none;}
 .station-graph-dialog-description {grid-area:3/2/4/3;overflow:auto;}
 .station-graph-dialog>.station-graph-dialog-controls:last-child {grid-area:4/2/5/3;padding:8px;}
}