/**
 * Bongovo! https://www.bongovo.cz
 * GNU General Public License version 3 or later
 */
.bst { --bst-bg:#fff; --bst-panel:#ebf0f2; --bst-stripe:#c2e2f4; --bst-text:#303b43; --bst-muted:#4d606e; --bst-border:#dce2e7; --bst-link:#246f9f; --bst-heading:#0096df; --bst-header:#246f9f; --bst-accent:#f2c80f; --bst-upper:#c53236; --bst-lift:#218547; --bst-lower:#176fb3; --bst-model:#8248b5; background:var(--bst-bg); color:var(--bst-text); border:1px solid var(--bst-border); border-radius:.25rem; padding:clamp(.75rem,2vw,1.5rem); overflow-wrap:anywhere; }
.bst-dark { --bst-bg:#17283b; --bst-panel:#21394e; --bst-stripe:#294a63; --bst-text:#f2f6fa; --bst-muted:#bdcfdf; --bst-border:#49647b; --bst-link:#7dceff; }
.bst [hidden] { display:none !important; }
.bst h3,.bst h4 { color:var(--bst-text); }
.bst h3 { font-size:1.35rem; margin:0 0 1rem; padding:.65rem .8rem; background:var(--bst-heading); color:#fff; }
.bst h4 { font-size:1rem; margin:0 0 .65rem; }
.bst a { color:var(--bst-link); }
.bst-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.bst-card { background:var(--bst-panel); padding:1rem; border:1px solid var(--bst-border); border-top:4px solid var(--bst-upper); border-radius:.2rem; min-width:0; }
.bst-card h4 { background:var(--bst-header); color:#fff; padding:.45rem .6rem; margin:-1rem -1rem .75rem; }
.bst-card-1 { border-top-color:var(--bst-lift); }
.bst-card-2 { border-top-color:var(--bst-lower); }
.bst-card p { margin:.4rem 0; font-size:.85rem; }
.bst-temperature { font-size:1.8rem; }
.bst-card time { font-size:.75rem; color:var(--bst-muted); }
.bst .bst-notice { background:#fff4bf; color:#493b00; padding:.65rem; border-left:4px solid var(--bst-accent); font-size:.85rem; margin:.6rem 0; }
.bst-note { color:var(--bst-muted); font-size:.8rem; }
.bst-controls { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:1rem 0; }
.bst-controls [role="group"] { display:flex; flex-wrap:wrap; gap:.3rem; }
.bst-controls .form-select { width:auto; max-width:100%; }
.bst-controls .form-select { background-color:var(--bst-bg); color:var(--bst-text); border-color:var(--bst-border); }
.bst-controls .btn { border-radius:.2rem; }
.bst-controls button[aria-pressed="false"] { background:var(--bst-bg); color:var(--bst-link); border-color:var(--bst-link); }
.bst-controls button[aria-pressed="false"]:hover { background:var(--bst-panel); }
.bst-controls button[aria-pressed="true"] { background:var(--bst-header); color:#fff; border-color:var(--bst-header); box-shadow:inset 0 -3px 0 var(--bst-accent); }
.bst-legend { display:flex; flex-wrap:wrap; gap:.5rem 1rem; list-style:none; margin:.6rem 0; padding:0; font-size:.8rem; }
.bst-legend li::before { content:""; display:inline-block; width:1.4rem; margin-right:.35rem; vertical-align:middle; border-top:3px solid var(--bst-upper); }
.bst-legend .bst-key-1::before { border-color:var(--bst-lift); }
.bst-legend .bst-key-2::before { border-color:var(--bst-lower); }
.bst-legend .bst-key-model::before { border-color:var(--bst-model); }
.bst-legend .bst-key-night::before { border:1px solid var(--bst-border); background:rgba(35,82,120,.12); height:.8rem; }
.bst-chart { overflow-x:auto; touch-action:pan-x pan-y; scrollbar-width:thin; margin:.5rem 0; cursor:grab; user-select:none; }
.bst-chart:active { cursor:grabbing; }
.bst-svg { display:block; min-width:660px; width:100%; height:auto; }
.bst-svg text { fill:var(--bst-text); font-size:12px; }
.bst-grid { fill:none; stroke:var(--bst-border); stroke-width:1; }
.bst-night { fill:#235278; fill-opacity:.12; }
.bst-day-header { fill:var(--bst-panel); stroke:var(--bst-border); stroke-width:.5; }
.bst-svg .bst-day-label { font-weight:700; font-size:11px; }
.bst-day-boundary { fill:none; stroke:var(--bst-muted); stroke-width:1.2; }
.bst-time-grid { fill:none; stroke:var(--bst-border); stroke-width:.6; stroke-dasharray:2 4; }
.bst-forecast-outline { fill:none; stroke:var(--bst-link); stroke-width:1; stroke-dasharray:5 4; }
.bst-hit { fill:none; stroke:transparent; stroke-width:14; pointer-events:stroke; cursor:crosshair; }
.bst-hit:focus-visible { stroke:var(--bst-link); stroke-opacity:.15; outline:none; }
.bst .bst-bubble { position:fixed; z-index:1080; pointer-events:none; padding:.55rem .7rem; max-width:calc(100vw - 16px); background:var(--bst-header); color:#fff; border:1px solid #fff; border-radius:.25rem; box-shadow:0 2px 8px #0004; font-size:.8rem; line-height:1.5; overflow-wrap:anywhere; }
.bst-zero,.bst-now { fill:none; stroke:var(--bst-muted); stroke-width:1.5; }
.bst-forecast-bg { fill:var(--bst-panel); }
.bst-line { fill:none; stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; }
.bst-sensor-0 { stroke:var(--bst-upper); }
.bst-sensor-1 { stroke:var(--bst-lift); }
.bst-sensor-2 { stroke:var(--bst-lower); }
.bst-model { stroke:var(--bst-model); }
.bst-table-wrap { overflow:auto; max-height:24rem; margin:1rem 0; }
.bst .bst-table { font-size:.8rem; width:100%; border-collapse:collapse; }
.bst .bst-table > :not(caption) > * > * { background:var(--bst-bg); color:var(--bst-text); border-bottom:1px solid var(--bst-border); padding:.55rem; }
.bst .bst-table tbody tr:nth-child(odd) > * { background:var(--bst-stripe); }
.bst .bst-table tbody tr:nth-child(even) > * { background:var(--bst-panel); }
.bst .bst-table tbody tr:hover > * { box-shadow:inset 0 0 0 999px rgba(242,200,15,.13); }
.bst-table th:first-child { white-space:nowrap; }
.bst .bst-table thead th { background:var(--bst-header); color:#fff; position:sticky; top:0; z-index:1; }
.bst-table caption { color:var(--bst-muted); }
.bst-outlook { border:1px solid var(--bst-border); padding:.8rem; border-radius:.2rem; margin-top:1rem; }
.bst-outlook summary { cursor:pointer; font-weight:600; background:var(--bst-header); color:#fff; padding:.65rem .8rem; margin:-.8rem; }
.bst-outlook[open] summary { margin-bottom:.8rem; }
.bst-outlook p { margin:.65rem 0; }
.bst-footer { font-size:.72rem; color:var(--bst-muted); border-top:1px solid var(--bst-border); padding-top:.7rem; margin-top:1rem; }
.bst-footer p { margin:0 0 .4rem; }
.bst :is(button,select,a,summary,[tabindex]):focus-visible { outline:3px solid var(--bst-link); outline-offset:3px; }
@media(max-width:600px) { .bst-cards { grid-template-columns:1fr; } .bst-controls label { width:100%; } .bst-controls .form-select { width:100%; } }