.weather-details{min-width:0;width:100%}.wd-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.wd-heading h2{margin:4px 0}.wd-heading p{font-size:12px;color:var(--muted);margin:0}.wd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wd-card{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;background:var(--bg)}.wd-card h3{font-size:14px;font-weight:500;color:var(--muted);margin:0}.wd-visual{position:relative;min-height:150px;display:flex;align-items:center;justify-content:center}.wd-reading{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;max-width:100%}.wd-reading strong{font:600 clamp(22px,2.4vw,34px) ui-monospace,monospace;color:var(--text)}.wd-reading span{font-size:12px;color:var(--muted)}.wd-card small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.wd-gauge{position:absolute;width:95%;max-width:220px;bottom:20px;fill:none;stroke:var(--line);stroke-width:13;stroke-linecap:round}.wd-card:has(.wd-gauge) .wd-reading{padding-top:35px}.wd-bars{position:absolute;inset:75px 0 10px;display:flex;align-items:end;gap:5px;opacity:.6}.wd-bars i{flex:1;border-radius:6px 6px 3px 3px;background:#efc653}.wd-card:has(.wd-bars) .wd-reading{align-self:flex-start;padding-top:12px}.wd-compass{height:100px;width:100px;fill:var(--blue);position:absolute;top:0}.wd-compass circle{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:4 4}.wd-compass text{text-anchor:middle;font-size:12px;fill:var(--muted)}.wd-card:has(.wd-compass) .wd-reading{padding-top:90px}.weather-details>.weather-meta a{color:var(--blue)}@media(max-width:1100px){.wd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-reading strong{font-size:28px}}@media(max-width:400px){.wd-card{padding:10px}.wd-grid{gap:10px}.wd-reading strong{font-size:23px}.wd-visual{min-height:140px}.wd-card h3{font-size:12px}}