/* Readability refinements, 2026-10-13. */
:root:root {
 --text-primary:#faf8f7; --text-secondary:#e4dfdc; --text-tertiary:#cbc4c0;
 --bg-overlay:rgba(10,7,6,.43);
 --bg-overlay-gradient-top:rgba(10,7,6,.64);
 --bg-overlay-gradient-bottom:rgba(10,7,6,.59);
 --glass-fallback-bg:rgba(20,15,14,.72);
 --glass-fallback-border:rgba(255,240,232,.14);
}
:root:root .glass-card { background-color:rgba(20,15,14,.24); }
:root:root[data-liquid-glass=fallback] .glass-card { background-color:var(--glass-fallback-bg); }
.glass-card:has([role=list]) [role=list] { column-gap:8px; row-gap:18px; }
.glass-card:has([role=list]) [role=listitem] > div { width:48px; height:48px; }
.glass-card:has([role=list]) [role=listitem] > span { font-size:14px; line-height:1.4; color:var(--text-secondary); }
.glass-card p.text-xs.leading-relaxed { text-align:center; align-self:center; width:100%; max-width:30ch; font-size:14px; line-height:1.65; margin-inline:auto; }
.glass-card[data-glass-variant=immersive]:has(.text-slate-950) > div[aria-hidden=true] { filter:saturate(.28) brightness(.8); }
.glass-card[data-glass-variant=immersive] .text-slate-950 { color:#faf8f7; }
@media (min-width:768px) and (max-width:1023px) {
 .glass-card:has([role=list]) { padding-inline:14px; }
 .glass-card:has([role=list]) [role=list] { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:10px; }
}
body { background-color:#110d0c; }
/* Keep white weather labels readable in both system themes. */
.glass-card[data-glass-variant=immersive]:has(.text-slate-950) > div[aria-hidden=true] { filter:saturate(.28) brightness(.55); }
@media (prefers-color-scheme:dark) {
 .glass-card[data-glass-variant=immersive]:has(.text-slate-950) > div[aria-hidden=true] { filter:saturate(.28) brightness(.85); }
}