.history-page main{max-width:1200px}.history-page header{height:auto;min-height:84px;gap:24px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.history-page header nav{flex-wrap:wrap;gap:16px 24px;font-size:13px}
.history-opening{max-width:760px;margin:10px 0 32px}.history-opening h1{font:700 clamp(27px,4vw,42px) Manrope,sans-serif;margin:12px 0}.history-opening p{font-size:16px;line-height:1.8;color:var(--muted)}
.history-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.history-top h2{font-size:27px;margin:9px 0}.history-station-label{min-width:220px}.history-explorer label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.history-explorer select,.history-explorer input{font:inherit;font-size:14px;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:11px;min-height:44px;max-width:100%}
.history-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.history-explorer button{font:inherit;min-height:44px;border-radius:8px;border:1px solid var(--line);padding:10px 14px;background:var(--raised);color:var(--ink);cursor:pointer}.history-tabs button[aria-pressed=true]{border-color:var(--green);background:#203d3c;color:var(--green)}.history-explorer button:hover{border-color:var(--green)}.history-explorer button:disabled{opacity:.45;cursor:default}
.history-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}.history-controls[hidden],.history-controls label[hidden],[hidden].history-note,[hidden].history-actions button{display:none}.history-controls label{min-width:145px}.history-note{padding:14px 16px;border-left:3px solid var(--amber);background:#252b2b;color:var(--ink);font-size:13px;line-height:1.7}
.history-plots{min-height:280px}.history-plot h3{font-size:16px;margin:15px 0 4px}.history-plot svg{display:block;width:100%;height:auto;max-height:440px;overflow:visible}.history-plot .caption{margin-top:0}.history-source{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}.history-source a{text-decoration:underline;text-underline-offset:3px}.history-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.history-actions a{font-size:13px;color:var(--green)}
.history-table-wrap{overflow-x:auto}.history-explorer table{width:100%;border-collapse:collapse;font-size:13px}.history-explorer th,.history-explorer td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.history-table-pages{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.history-context{margin:40px 0}.history-context h2{font-size:23px}.history-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.history-context h3{font-size:15px}.history-context p{font-size:13px;line-height:1.8;color:var(--muted)}.history-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px}.skip-history{position:absolute;left:12px;top:-80px;padding:12px;background:var(--raised);z-index:10}.skip-history:focus{top:8px}
.history-page :focus-visible{outline:2px solid var(--green);outline-offset:4px}.history-page .history-empty{padding:50px 12px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.history-page header{padding:16px 18px;gap:18px}.history-page main{padding:20px 18px}.history-top{display:block}.history-station-label{margin:18px 0 0;min-width:0}.history-context-grid{grid-template-columns:1fr;gap:10px}.history-explorer{padding:18px 14px}.history-controls label{min-width:0;flex:1 1 130px}.history-controls>label:first-child{flex-basis:100%}.history-controls button{width:100%}.history-tabs{gap:6px}.history-tabs button{flex:1;padding:10px;font-size:12px}.history-opening{margin-bottom:22px}.history-top h2{font-size:24px}.history-note{padding:12px;font-size:12px}.history-plots{min-height:200px}}
@media(prefers-reduced-motion:reduce){.history-page{scroll-behavior:auto}}