:root[data-theme=dark]{--dark-background: #000;--dark-surface: #1c1c1e;--dark-raised: #2c2c2e;--dark-selected: #3a3a3c;--dark-separator: #38383a;--dark-label: #fff;--dark-secondary: rgba(235, 235, 245, .6);--dark-tertiary: rgba(235, 235, 245, .3);--dark-accent: #30d158;color-scheme:dark;color:var(--dark-label);background:var(--dark-background)}:root[data-theme=light]{color-scheme:light}[data-theme=dark] .content-page{--green: var(--dark-accent);--line: var(--dark-separator);--muted: var(--dark-secondary);color:var(--dark-label);background:var(--dark-background)}[data-theme=dark] .content-page :is(a,.text-button),[data-theme=dark] .content-page #tietosuoja summary{color:var(--dark-accent)}[data-theme=dark] .content-page :is(a:hover,.text-button:hover){color:#73e694}[data-theme=dark] .content-page :is(.site-footer,.city-stats,.finder,.station-card,.comparison,.city-links a,.empty-results,.filter-dropdown summary,.filter-dropdown fieldset,.skip-link:focus){background:var(--dark-surface);color:var(--dark-label);border-color:var(--dark-separator)}[data-theme=dark] .content-page :is(button,.button-link,input,select,.check-filter,.search-input,.sort-label select,.connector-tag,.empty-icon,.rank){background:var(--dark-raised);color:var(--dark-label);border-color:var(--dark-separator)}[data-theme=dark] .content-page .search-input input{background:transparent}[data-theme=dark] .content-page :is(.station-list,.map-shell,.map-placeholder){background:var(--dark-background)}[data-theme=dark] .content-page :is(.breadcrumbs [aria-current],.card-heading h3 a,.brand,.map-placeholder h3){color:var(--dark-label)}[data-theme=dark] .content-page :is(.introduction p,.information-lead,.operator,.comparison-note,.data-columns p,.map-placeholder-icon){color:var(--dark-secondary)}[data-theme=dark] .content-page :is(.city-stats>div+div,.filters,.list-panel,.results-toolbar,.card-footer,.comparison li,.comparison-action){border-color:var(--dark-separator)}[data-theme=dark] .content-page :is(button:hover,.button-link:hover,.city-links a:hover,.filter-dropdown label:hover,.filter-dropdown[open] summary,.view-toggle,.station-card.selected,.map-selection,.disclaimer){background:var(--dark-selected);color:var(--dark-label);border-color:var(--dark-separator)}[data-theme=dark] .content-page :is(.quick-row [aria-pressed=true],.view-toggle [aria-pressed=true],.check-filter:has(:checked)),[data-theme=dark] #city-map-controls button[aria-pressed=true]{background:var(--dark-selected);color:var(--dark-accent);border-color:var(--dark-accent)}[data-theme=dark] .content-page .primary-button{background:var(--dark-accent);color:#071a0d}[data-theme=dark] .content-page .power-tag{background:var(--dark-selected);color:var(--dark-label)}[data-theme=dark] .content-page .availability{background:var(--dark-raised);color:var(--dark-secondary)}[data-theme=dark] .content-page .availability.free{background:#173321;color:#30d158}[data-theme=dark] .content-page .availability.busy{background:#3a2b16;color:#ff9f0a}[data-theme=dark] .content-page .availability.broken{background:#391d1c;color:#ff6b62}[data-theme=dark] .content-page .notice{background:#3a2b16;color:#ffd38b;border-color:#705021}[data-theme=dark] .content-page .text-button{background:transparent}[data-theme=dark] .content-page .station-card.selected{border-color:var(--dark-accent)}[data-theme=dark] .station-map-canvas :is(.maplibregl-ctrl-group,.maplibregl-ctrl-group button,.maplibregl-ctrl-scale,.maplibregl-ctrl-attrib){background:var(--dark-surface);color:var(--dark-label);border-color:var(--dark-separator)}[data-theme=dark] .station-map-canvas .maplibregl-ctrl-icon,[data-theme=dark] .station-map-canvas .maplibregl-ctrl-attrib-button{filter:invert(1)}[data-theme=dark] .station-map-canvas .maplibregl-ctrl-attrib a{color:var(--dark-label)}[data-theme=dark] .station-chooser,[data-theme=dark] .station-chooser .station-row{background:var(--dark-surface);color:var(--dark-label);border-color:var(--dark-separator)}:root{--site-header-height: 78px}.site-header,.header.site-header{height:var(--site-header-height);padding:0;background:#fff;border-bottom:1px solid #e1e7e1}.site-header .site-header-inner{width:100%;height:100%;padding:0 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:24px}.site-header .brand{gap:10px;font-size:19px;font-weight:750;letter-spacing:-.4px;line-height:1.4;white-space:nowrap;color:#18261f}.site-header .brand-icon{width:34px;height:34px}.site-header .brand span{display:inline}.site-header .header-right{display:contents}.site-header .site-nav,.site-header .site-languages{display:flex;align-items:center;gap:4px;margin:0;order:initial;flex-basis:auto}.site-header .site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;color:#2e3d34;white-space:nowrap;text-decoration:none}.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{color:#124f2c;background:#e8f2eb}.site-header .site-controls{grid-column:4;justify-self:end;display:flex;align-items:center;gap:8px}.site-header .site-languages{padding:3px;gap:2px;border:1px solid #c7d2c9;border-radius:12px;background:#fff}.site-header .site-languages :is(a,button){display:inline-flex;justify-content:center;align-items:center;min-height:36px;min-width:36px;margin:0;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#2e3d34;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none}.site-header .site-languages :is(a,button):hover{background:#edf2ee}.site-header .site-languages :is([aria-current=page],[aria-pressed=true]){background:#182c23;color:#fff}.site-header .map-tools{grid-column:3;display:flex;align-items:center;gap:4px}.site-header .map-tools .icon-button{width:36px;min-width:0}.site-header .live{margin-left:8px}.header.site-header+main{height:calc(100dvh - var(--site-header-height))}.information-page{max-width:900px;padding-top:30px;padding-bottom:64px;line-height:1.75}.information-page h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:24px 0 16px}.information-page section{margin-top:36px;scroll-margin-top:24px}.information-page h2{font-size:22px}.information-page #tietosuoja{font-size:inherit}.information-lead{font-size:19px;color:#4c5b51}[data-theme=dark] .site-header{background:var(--dark-surface);border-color:var(--dark-separator)}[data-theme=dark] .site-header :is(.brand,.site-nav a,.site-languages a,.site-languages button){color:var(--dark-label)}[data-theme=dark] .site-header .site-languages{background:var(--dark-surface);border-color:var(--dark-separator)}[data-theme=dark] .site-header :is(.site-nav a:hover,.site-nav a[aria-current=page],.site-languages [aria-current=page],.site-languages [aria-pressed=true]){background:var(--dark-selected);color:var(--dark-accent)}@media(max-width:1200px){.site-header .live{display:flex;font-size:0;gap:0;width:8px;margin:0 0 0 4px}}@media(max-width:1000px){:root{--site-header-height: 112px}.site-header .site-header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 55px;gap:0 8px;padding:0 16px}.site-header .brand{grid-row:1;grid-column:1}.site-header .site-controls{grid-row:1;grid-column:2;justify-self:end}.site-header .site-nav{grid-row:2;grid-column:1 / -1}.site-header .map-tools{grid-row:2;grid-column:2;justify-self:end;gap:0}.site-header .site-nav a{padding:10px 6px;font-size:13px}.site-header .map-tools .icon-button{width:32px}}@media(max-width:400px){.site-header .brand span:not(.brand-icon){display:none}}@media(max-width:380px){.site-header .site-nav{gap:0}.site-header .site-header-inner{padding:0 12px}.site-header .brand{font-size:17px;gap:8px}.site-header .brand-icon{width:30px;height:30px}.site-header .site-languages :is(a,button){min-width:30px;padding-inline:6px}}.site-header .site-controls .theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;border-radius:12px;padding:6px;color:#2e3d34;background:transparent;border:1px solid #c7d2c9}.site-header .theme-moon,[data-theme=dark] .site-header .theme-sun{display:none}[data-theme=dark] .site-header .theme-moon{display:block}[data-theme=dark] .site-header .site-controls .theme-toggle{color:var(--dark-label);border-color:var(--dark-separator)}[data-theme=dark] .site-header .site-languages :is(a,button):hover{background:var(--dark-raised)}
