[data-weather]{container-type:inline-size;min-width:0;color:#28180a;font:13px/1.5 Inter,Arial,sans-serif;margin:20px 0}[data-weather] *{box-sizing:border-box}[data-weather] .wx-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:22px;margin-bottom:22px}[data-weather] .wx-heading small{font-size:10px;letter-spacing:.04em;color:#346d58}[data-weather] .wx-heading h2{font-size:24px;line-height:1.2;font-weight:750;margin:8px 0 0;max-width:490px}[data-weather] .wx-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;background:#ffeadc;border-radius:7px;width:100%;min-width:0}[data-weather] button{font:inherit;cursor:pointer;border:0}[data-weather] .wx-tabs button{background:transparent;border-radius:4px;padding:6px 9px;font-size:10px;color:#3f4943;white-space:nowrap}[data-weather] .wx-tabs button[aria-pressed=true]{background:#004d34;color:white;font-weight:600}[data-weather] .wx-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}[data-weather] .wx-current{background:linear-gradient(125deg,#fff1e9 40%,#eaf0df);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:22px;min-width:0}[data-weather] .wx-current:empty{display:none}[data-weather] .wx-current-top{display:flex;align-items:center;gap:10px}[data-weather] .wx-current-top h3{font-size:14px;font-weight:700;margin:0}[data-weather] small{display:block;font-size:10px;color:#526059}[data-weather] .wx-icon{color:#946a1a;font-size:26px;flex-shrink:0}[data-weather] .wx-badge{margin-left:auto;white-space:nowrap;background:#b0ecd2;color:#12503d;font-size:9px;border-radius:99px;padding:3px 9px}[data-weather] .wx-temperature{display:flex;align-items:center;gap:18px}[data-weather] .wx-degrees{font-size:58px;line-height:1;font-weight:750;letter-spacing:-3px;white-space:nowrap}[data-weather] .wx-temperature>div>strong{font-size:14px;font-weight:500}[data-weather] .wx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px;border-radius:8px;background:#ffffff80}[data-weather] .wx-metrics strong{font-size:12px;font-weight:600}[data-weather] .wx-metrics small{font-size:9px;margin-bottom:4px}[data-weather] .wx-advice{display:flex;gap:10px;background:#ffeadcaa;border-radius:8px;padding:13px;margin-top:auto}[data-weather] .wx-advice strong{font-size:11px}[data-weather] .wx-advice p{font-size:10px;line-height:1.6;margin:3px 0 0;color:#58634e}[data-weather] .wx-advice .wx-icon{font-size:20px}[data-weather] .wx-outlook{display:flex;flex-direction:column;gap:10px;min-width:0}[data-weather] .wx-outlook h3{margin:0 0 3px;font-size:13px;font-weight:650}[data-weather] .wx-day{display:flex;align-items:center;gap:12px;background:#fff1e9;border-radius:9px;padding:11px 14px;flex:1}[data-weather] .wx-day .wx-icon{color:#176b4c;font-size:23px}[data-weather] .wx-day strong{font-size:12px;font-weight:600}[data-weather] .wx-day-values{margin-left:auto;text-align:right;white-space:nowrap}[data-weather] .wx-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;align-items:center;font-size:10px;color:#346d58}[data-weather] .wx-footer a{color:inherit;text-decoration:underline}[data-weather] .wx-footer button{background:#ffeadc;padding:4px 8px;border-radius:5px;font-size:10px;color:#004d34}[data-weather] .wx-status:empty{display:none}[data-weather] .wx-status{font-size:12px;color:#604100}[data-weather] :focus-visible{outline:2px solid #176b4c;outline-offset:3px}
@container(max-width:700px){[data-weather] .wx-heading{align-items:start;grid-template-columns:1fr;gap:12px}[data-weather] .wx-heading h2{font-size:20px}[data-weather] .wx-tabs{max-width:100%}[data-weather] .wx-grid{grid-template-columns:1fr;gap:16px}[data-weather] .wx-current{padding:18px;gap:18px}[data-weather] .wx-degrees{font-size:48px}[data-weather] .wx-outlook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}[data-weather] .wx-outlook h3{grid-column:1/-1}[data-weather] .wx-day{padding:10px;gap:6px}[data-weather] .wx-day small{font-size:9px}}
@container(max-width:360px){[data-weather] .wx-metrics{grid-template-columns:repeat(2,1fr)}[data-weather] .wx-badge{font-size:8px;padding:3px 5px}[data-weather] .wx-current-top{gap:6px}[data-weather] .wx-current-top h3{font-size:12px}[data-weather] .wx-outlook{grid-template-columns:1fr}}