.temperature{white-space:nowrap}.weather>div:first-child{position:relative;z-index:1}.moon{flex-shrink:0}.stamp{position:relative;padding-right:55px}.refresh{position:absolute;right:10px;top:16px;width:30px;height:30px;font-size:23px}.tool-section{scroll-margin-top:22px;margin-bottom:30px}.tool-section h2{font-size:26px}.segmented{display:flex;gap:6px;margin:22px 0;flex-wrap:wrap}.segmented button{width:auto;height:auto;border-radius:9px;font-size:14px;padding:10px 18px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.graph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.graph-card{margin:0;padding:16px;background:var(--paper);border:1px solid var(--border);border-radius:13px}.graph-card figcaption{font-weight:600;margin-bottom:15px}.graph-card img{display:block;width:100%;height:auto;border-radius:5px;background:white}.graph-card small{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:12px}.archive-controls{display:flex;gap:25px;align-items:center;margin-top:24px;flex-wrap:wrap}.archive-controls label{font-size:14px}.archive-controls input{display:block;margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:var(--bg);font:inherit}#archive-links{display:flex;gap:12px;flex-wrap:wrap}#archive-links a,#view-source{color:var(--accent);font-size:14px;padding:10px 0}#archive-links a[aria-disabled=true]{pointer-events:none;opacity:.45}#weather-view img,#weather-view iframe{display:block;width:100%;max-height:650px;object-fit:contain;border:0;border-radius:10px}#weather-view iframe{height:470px}#weather-view p{padding:15px 0}#view-source{display:inline-block}#view-source[hidden]{display:none}.details dl>div{gap:20px}.details dd{text-align:right}button:disabled{opacity:.5;cursor:wait}@media(max-width:850px){.graph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.graph-grid{grid-template-columns:1fr}.moon{width:115px;transform:scale(.65);transform-origin:right center}.temperature{font-size:82px}.temperature span{font-size:34px}.tool-section .section-title{align-items:flex-start;flex-direction:column;gap:12px}.stamp small{display:block;margin-left:14px}.tool-section h2{font-size:24px}.archive-controls{align-items:flex-start;flex-direction:column}}
#reader{width:min(1180px,94vw);max-height:90dvh;padding:25px;border:1px solid var(--border);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0005}#reader::backdrop{background:#102b24aa;backdrop-filter:blur(4px)}.reader-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader-heading h2{font-size:28px;margin:8px 0}.reader-heading .eyebrow{color:var(--muted);margin:0}#reader-close{flex-shrink:0}#reader-status{font-size:14px;color:var(--muted);line-height:1.6}#reader-content{overflow:auto;max-height:65dvh}#reader-content pre{font:16px/1.65 ui-monospace,Consolas,monospace;white-space:pre;margin:0;padding:20px;background:var(--bg);border-radius:10px;overflow:auto;max-height:65dvh;tab-size:8}#reader-content img{display:block;max-width:100%;height:auto;margin:auto;min-width:min(700px,100%)}#reader-retry,#archive-links button{height:auto;width:auto;border-radius:9px;padding:11px 16px;font-size:14px}#reader-retry{margin-top:16px}#reader-retry[hidden]{display:none}.graph-open{display:block;width:100%;height:auto;padding:0;border:0;background:none;border-radius:5px;cursor:zoom-in}.graph-open img{width:100%}@media(max-width:560px){#reader{padding:16px;width:96vw;max-height:94dvh}.reader-heading h2{font-size:22px}#reader-content pre{font-size:14px;padding:12px}}

.graph-card small:empty,#reader-status:empty,.disclaimer:empty{display:none}

.readings-table{width:100%;border-collapse:collapse;font-size:17px}.readings-table th,.readings-table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}.readings-table tbody th{font-weight:400;color:var(--muted)}.readings-table thead{background:var(--bg)}.readings-table td{font-variant-numeric:tabular-nums}

/* Keep the larger type comfortable on narrow screens. */
body{line-height:1.5}.label{gap:12px}.hero-bottom{flex-wrap:wrap}.weather{position:relative}.weather>div:first-child{min-width:0}.weather b{white-space:nowrap}.intro{gap:24px}.stamp{flex-shrink:0}.sources a{min-width:210px}.reader-heading h2{overflow-wrap:anywhere}#reader-content pre{line-height:1.7}.readings-table td{min-width:130px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.top{grid-template-columns:1.5fr 1fr}.moon{position:absolute;right:0;opacity:.6;pointer-events:none}.hero-top{gap:20px}.temperature{font-size:92px}}
@media(max-width:760px){.top,.lower{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}.sources{flex-wrap:wrap}.sources>div{width:100%}.sources a{min-width:0}.stamp{padding-right:55px}.graph-grid{grid-template-columns:1fr}.temperature{font-size:90px}.moon{opacity:.8}}
@media(max-width:560px){nav{gap:12px}nav a{font-size:16px}.metrics{grid-template-columns:1fr}.value{font-size:38px}.temperature{font-size:76px}.temperature span{font-size:34px}.moon{opacity:.4;right:-10px}.hero-bottom{gap:12px}.sun-times{gap:12px}.solar{gap:14px;flex-wrap:wrap}.sources a{flex-basis:100%}.stamp small{margin-right:10px}.section-title{gap:12px}.details dl>div{gap:12px}.details dd{overflow-wrap:anywhere}}
#reader{width:max-content;min-width:min(780px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:30px;overflow:hidden}
#reader[open]{display:flex;flex-direction:column}
body:has(#reader[open]){overflow:hidden}
.forecast-icon svg{display:block;width:112px;height:108px;filter:drop-shadow(0 5px 10px #0002)}
.forecast-icon:empty{display:none}
.forecast .note:empty{display:none}
#moon-visibility-note:empty{display:none}
.sunpath{height:120px;overflow:visible;margin:16px 16px 0}
.sunpath .arc{left:8%;top:auto;bottom:8px;width:84%;height:72px;border-radius:50% 50% 0 0/100% 100% 0 0;border-bottom:0}
.sunpath .sun{right:auto;transform:translate(-50%,50%);font-size:30px;line-height:1;transition:left 1s linear,bottom 1s linear}
.sunpath .sun[hidden]{display:none}
.sun-night-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted);z-index:2;text-align:center}
.sun-night-label[hidden]{display:none}
.sunpath .horizon{bottom:8px}
.lunar-main{display:flex;gap:24px;align-items:center;margin:18px 0}
#moon-disc{flex:0 0 132px}#moon-disc svg{width:132px;display:block;filter:drop-shadow(0 6px 12px #0002)}
.lunar-main h3{font:700 24px Manrope,sans-serif;margin:0 0 6px}.lunar-main p{margin:4px 0;color:var(--muted)}
.moon-calendar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);padding-top:18px;gap:12px;font-size:14px}
.moon-calendar span{display:block;color:var(--muted)}.moon-calendar strong{display:block;margin-top:7px;font-size:18px}
.moon-position{margin:0 0 20px;padding:14px 16px;border-radius:12px;background:var(--bg)}.moon-position p{margin:5px 0;font-variant-numeric:tabular-nums}.moon-position small{font-size:14px;color:var(--muted)}
.lower>.details{grid-column:1/-1}.lower>.details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
@media(max-width:560px){.lunar-main{gap:16px}#moon-disc{flex-basis:100px}#moon-disc svg{width:100px}.moon-calendar{grid-template-columns:1fr 1fr;gap:18px}.lower>.details dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sunpath .sun{transition:none}}
.current-condition{margin:0 0 0 24px;flex:0 0 170px;text-align:center}
.current-condition svg{display:block;width:116px;height:112px;margin:0 auto 8px}
.current-condition figcaption{font-size:15px;color:#c4dbcf;line-height:1.5}
.current-condition strong{display:block;font-size:18px;color:#fff;margin-top:3px}
.current-condition small{display:block;font-size:14px;color:#c4dbcf;margin-top:4px}
.current-condition small:empty{display:none}
.forecast{position:relative;padding-top:32px}
.forecast .forecast-icon{float:right;margin:0 0 12px 18px}
.forecast .forecast-icon svg{width:74px;height:72px}
.forecast h2{clear:both;padding-top:16px}
@media(max-width:1050px){.weather{flex-wrap:wrap;gap:16px}.current-condition{margin:0;flex-basis:100%;display:grid;grid-template-columns:80px 1fr;align-items:center;text-align:left;gap:14px}.current-condition svg{width:80px;height:78px;margin:0}.forecast .forecast-icon svg{width:64px;height:62px}}
#weather-view img[title^="Kakovost zraka"]{height:auto;max-height:none;width:min(100%,800px);margin-inline:auto}
.reader-heading,#reader-status,#reader-retry{flex-shrink:0}
#reader-content{min-height:0;max-height:none;overflow:auto}
#reader-content pre{width:max-content;min-width:100%;max-height:none;overflow:visible}
#reader-content img{min-width:0;max-height:calc(100dvh - 180px);object-fit:contain}
#reader.image-reader{width:min(1440px,calc(100vw - 32px));padding:24px}
#reader.image-reader #reader-content img{width:100%;height:auto;max-height:none;background:#fff;border-radius:8px;object-fit:contain}
.dark .graph-card img,.dark #reader.image-reader #reader-content img{filter:invert(.88) hue-rotate(180deg)}
@media(max-width:560px){#reader.image-reader{width:calc(100vw - 16px);padding:14px}}
@media(max-width:560px){#reader{min-width:0;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:21px}}