.station-measurements{--measurement-sun:#b47a13;--measurement-sky:#fff9e9;--measurement-soil-top:#f7f2e8;--measurement-soil-bottom:#eee5d5;--measurement-soil-line:#aa9570;--measurement-soil-ink:#725b38;margin:28px 0 34px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
:root[data-theme=dark] .station-measurements{--measurement-sun:#edc36e;--measurement-sky:#2c291e;--measurement-soil-top:#292a23;--measurement-soil-bottom:#24241f;--measurement-soil-line:#978568;--measurement-soil-ink:#d4bc96}
.station-measurements-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;padding:22px 24px 18px}
.station-measurements-header h2{margin:0;font-size:22px;line-height:1.3}
.station-measurements-header p{margin:0;color:var(--muted);font-size:14px}
.station-measurements>section{padding:20px 24px;border-top:1px solid var(--line)}
.station-measurements h3{margin:0 0 14px;font-size:17px;line-height:1.3}
.station-measurements-solar{background:linear-gradient(180deg,var(--measurement-sky),var(--panel))}
.station-measurements-solar h3{display:flex;align-items:center;gap:10px}
.station-measurements-solar h3 svg{fill:none;stroke:var(--measurement-sun);stroke-width:1.5;stroke-linecap:round}
.station-measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;min-width:0}
.station-measurement{min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.station-measurement dt{display:flex;align-items:center;gap:8px;min-height:22px;font-size:14px;line-height:1.35;color:var(--muted)}
.station-measurement .measurement-symbol{width:20px;height:20px}
.station-measurement--sun .measurement-symbol{color:var(--measurement-sun)}
.station-measurement--rain .measurement-symbol{color:#4289de}
.station-measurement-reading{margin:9px 0 0;line-height:1.15;font-size:25px;font-variant-numeric:tabular-nums;color:var(--ink)}
.station-measurement-unit{font-size:15px;color:var(--muted);white-space:nowrap}
.station-measurement-hint{margin:7px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.station-measurement-details{display:flex;flex-wrap:wrap;gap:4px 12px;margin:9px 0 0;font-size:13px;line-height:1.45;color:var(--muted);font-variant-numeric:tabular-nums}
.station-measurement-details>span{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px}.station-measurement-time{margin:6px 0 0;font-size:12px;color:var(--muted)}.station-measurement-details time{font-size:12px;color:var(--muted)}
.station-measurement abbr{cursor:help;text-decoration:none}
.station-measurements>.station-measurements-soil{border-top:2px solid var(--measurement-soil-line);background:linear-gradient(180deg,var(--measurement-soil-top),var(--measurement-soil-bottom))}
.station-soil-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-bottom:16px}
.station-soil-heading h3,.station-soil-heading p{margin:0}
.station-soil-heading p{color:var(--measurement-soil-ink);font-size:13px}
.station-soil-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--measurement-soil-line) 36%,transparent)}
.station-soil-row h4{margin:0;color:var(--measurement-soil-ink);font-size:14px;font-weight:400;white-space:nowrap}
.station-soil-row h4 span{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}
.station-soil-row .station-measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.station-soil-row .station-measurement{padding:11px 13px;background:color-mix(in srgb,var(--panel) 72%,transparent);border-color:color-mix(in srgb,var(--measurement-soil-line) 27%,transparent)}
.station-soil-row .station-measurement-reading{font-size:22px}
@media(max-width:760px){.station-measurements-header{padding:18px 16px 15px}.station-measurements>section{padding:17px 16px}.station-measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.station-measurement{padding:12px}.station-soil-row{grid-template-columns:58px minmax(0,1fr);gap:8px}.station-soil-row .station-measurement-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.station-soil-row h4 span{font-size:19px}}
@media(max-width:420px){.station-measurement-grid{grid-template-columns:minmax(0,1fr)}.station-measurements-header h2{font-size:20px}.station-measurement-reading{font-size:24px}.station-soil-row{grid-template-columns:48px minmax(0,1fr)}.station-soil-row .station-measurement-grid{grid-template-columns:minmax(0,1fr)}.station-soil-row .station-measurement{padding:11px}}