#climate-pro-humidity-monthly{max-width:1120px;margin:18px auto 64px}.cphm-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-1);border-radius:18px;padding:14px 18px 18px}.cphm-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.cphm-title{margin:0;font-size:1.05rem;font-weight:600}.cphm-sub{color:var(--muted);margin:3px 0 0;font-size:.88rem}.cphm-year{align-items:center;gap:6px;font-size:.86rem;display:flex}.cphm-year label{color:var(--muted)}.cphm-year select{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:4px 10px;font-size:.9rem}.cphm-table-wrap{margin-top:10px;overflow-x:auto}.cphm-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.88rem}.cphm-table thead th{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px}.cphm-table tbody td{border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent);vertical-align:middle;padding:6px 8px}.cphm-month{font-weight:500}.cphm-badges{gap:4px;margin-left:6px;display:inline-flex}.cphm-badge{border:1px solid var(--border);background:var(--bg-elevated,var(--card));color:var(--muted);border-radius:999px;align-items:center;padding:2px 7px;font-size:.75rem;display:inline-flex}.cphm-badge.wet{border-color:color-mix(in oklab, var(--brand) 45%, transparent)}.cphm-badge.dry{border-color:#ff7b5b8c;border-color:color(display-p3 .934601 .511341 .391044/.55);border-color:lab(67.3391% 49.6555 42.185/.55)}.cphm-table tbody tr.is-wet{background:color-mix(in oklab, var(--brand) 8%, transparent)}.cphm-table tbody tr.is-dry{background:#ff7b5b1a;background:color(display-p3 .934601 .511341 .391044/.1);background:lab(67.3391% 49.6555 42.185/.1)}.cphm-chart-wrap{margin-top:18px}.cphm-chart-title{color:var(--muted);margin:0 0 8px;font-size:.9rem}.cphm-chart-wrap canvas{width:100%;max-height:260px}@media (max-width:640px){#climate-pro-humidity-monthly{margin:16px 0 40px}.cphm-card{padding-inline-start:12px;padding-inline-end:12px}.cphm-table{min-width:100%;font-size:.84rem}.cphm-table thead th{white-space:normal;padding:4px 6px;font-size:.78rem;line-height:1.15}.cphm-table tbody td{padding:4px 6px;font-size:.82rem}.cphm-chart-wrap{margin-top:14px}.cphm-chart-wrap canvas{max-height:230px}}