.weather-panel{margin:-2px 0 23px}.weather-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 20px 2px}.weather-heading h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}.weather-heading h2>svg{color:var(--muted)}.weather-airport{font-family:var(--display);font-size:10px;color:var(--dim);margin-left:2px}.weather-observed{font-size:9px;color:var(--dim);line-height:1.7;margin:7px 0 0 28px}.weather-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--green);text-align:right;padding-top:2px}.weather-badge:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}.weather-badge.weather-warning{color:var(--danger)}.weather-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 0 15px}.weather-metric{display:flex;flex-direction:column;gap:5px;padding:0 20px;border-left:1px solid var(--border)}.weather-metric:first-child{border-left:0}.weather-metric-label{color:var(--muted);font-size:9px}.weather-metric strong{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:-.5px;line-height:1.25;font-variant-numeric:tabular-nums}.weather-metric-detail{font-size:9px;min-height:12px;color:var(--dim);line-height:1.6}.weather-details{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;border-top:1px solid var(--border);padding:13px 0 14px}.weather-detail{padding:0 20px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:5px;min-width:0}.weather-detail:first-child{border-left:0}.weather-detail>span{font-size:9px;color:var(--muted)}.weather-detail>strong{font-size:11px;font-weight:500;color:var(--text);line-height:1.7}.weather-detail>strong>span{font-size:10px;color:var(--muted);font-weight:400;margin-left:7px}.weather-detail>p{font-size:8px;line-height:1.7;color:var(--dim);margin:0}.weather-sky>p{font-size:10px;color:var(--muted)}.weather-category{display:inline-block;font-family:var(--display);font-weight:500;font-size:10px;border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--muted);line-height:1.5}.weather-category.vfr{color:var(--green);border-color:#b6d98c30;background:#b6d98c08}.weather-category.mvfr{color:#8bbde4;border-color:#8bbde430;background:#8bbde408}.weather-category.ifr,.weather-category.lifr{color:var(--danger);border-color:#efb38b30;background:#efb38b08}.weather-message{font-size:11px;line-height:1.7;color:var(--muted);padding:15px 20px 20px}.weather-source{border-top:1px solid var(--border);padding:8px 20px;display:flex;justify-content:space-between;gap:12px;color:var(--dim);font-size:8px;line-height:1.6}.weather-source a{color:var(--muted)}.weather-source a:hover{color:var(--green)}.weather-reports,.weather-outlook{border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.weather-reports summary,.weather-outlook summary{cursor:pointer;padding:10px 20px;list-style:inside;line-height:1.6}.weather-reports summary:hover,.weather-outlook summary:hover{color:var(--text)}.weather-reports>div,.weather-outlook>div{padding:0 20px 13px}.weather-reports>div>span{display:block;font-size:8px;letter-spacing:.5px;margin-top:8px}.weather-reports pre{font-family:var(--display),monospace;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:5px 0 10px}.weather-outlook summary>span{font-size:8px;color:var(--dim);margin-left:7px}.weather-forecast-meta{font-size:8px;color:var(--dim);margin:0 0 9px;line-height:1.8}.weather-outlook ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:0}.weather-outlook li{padding:11px 13px;border:1px solid var(--border);border-radius:6px;background:var(--surface2)}.weather-forecast-period{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.weather-forecast-period strong{font-size:10px;font-weight:500;color:var(--text)}.weather-forecast-period>span{font-size:8px;color:var(--dim);font-variant-numeric:tabular-nums;line-height:1.7}.weather-outlook li>p{font-size:9px;line-height:1.8;color:var(--muted);margin:6px 0 0}.weather-forecast-note{font-size:8px;color:var(--dim);line-height:1.8;margin:9px 0 0}.weather-stale{font-size:9px;line-height:1.7;color:var(--danger);padding:0 20px 12px}
@media(max-width:950px){.weather-detail{padding:0 17px}.weather-detail>strong>span{display:block;margin-left:0;margin-top:3px}.weather-source{flex-wrap:wrap;gap:1px 10px}}
@media(max-width:800px){.weather-heading{padding-left:17px;padding-right:17px}.weather-metric{padding:0 17px}.weather-source{padding-left:17px;padding-right:17px}.weather-metric strong{font-size:19px}.weather-forecast-period{gap:3px}.weather-forecast-period>span{display:block;width:100%}}
@media(max-width:650px){.weather-panel{margin:0 0 18px}.weather-heading{padding:15px 16px 2px;align-items:flex-start}.weather-heading h2{font-size:12px;gap:6px;flex-wrap:wrap}.weather-heading h2>svg{width:17px;height:17px}.weather-observed{margin-left:23px;font-size:8px;max-width:230px}.weather-badge{font-size:8px;max-width:110px;line-height:1.6;justify-content:flex-end;flex-shrink:0}.weather-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;padding:17px 0}.weather-metric:nth-child(3){border-left:0}.weather-metric{padding:0 16px}.weather-metric strong{font-size:22px}.weather-details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;padding:13px 0}.weather-detail{padding:0 16px}.weather-detail:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding-top:12px}.weather-detail:last-child>strong>span{display:inline;margin-left:7px}.weather-detail>strong{font-size:10px}.weather-detail>p{font-size:8px}.weather-source{padding:9px 16px;font-size:7px}.weather-source>span{display:block}.weather-message{padding:13px 16px 18px;font-size:10px}.weather-stale{padding-left:16px;padding-right:16px;font-size:8px}.weather-reports summary,.weather-outlook summary{padding-left:16px;padding-right:16px}.weather-reports>div,.weather-outlook>div{padding-left:16px;padding-right:16px}.weather-reports pre{font-size:9px}.weather-outlook ol{grid-template-columns:1fr}.weather-outlook li{padding:10px 11px}.weather-forecast-period>span{display:inline;width:auto}}

.weather-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.weather-unit-select{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.weather-unit-select select{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:6px;padding:6px 8px;font:inherit;max-width:225px}.weather-runway-wind,.weather-advisories{border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.weather-runway-wind>summary,.weather-advisories>summary{cursor:pointer;padding:12px 20px;line-height:1.6;list-style:inside}.weather-runway-wind>summary>span{font-size:11px;color:var(--dim);margin-left:8px}.weather-extra-body{padding:0 20px 15px}.weather-extra-message,.weather-extra-explanation{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 10px}.weather-extra-note{font-size:11px;line-height:1.7;color:var(--dim);margin:9px 0 0}.weather-extra-note a{color:var(--accent)}.weather-table-wrap{overflow-x:auto}.weather-wind-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.weather-wind-table th,.weather-wind-table td{padding:10px 12px;border:1px solid var(--border)}.weather-wind-table thead th{font-size:11px;font-weight:500;color:var(--muted);background:var(--surface2)}.weather-wind-table tbody th{font-family:var(--display);font-size:14px;color:var(--text);font-weight:500}.weather-wind-table small{display:block;font-size:11px;font-weight:400;color:var(--dim);margin-top:3px}.weather-retry{border:1px solid var(--border);border-radius:6px;background:var(--surface2);padding:8px 12px;font-size:12px}.weather-sigmet-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.weather-sigmet-list li{padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface2)}.weather-sigmet-list strong{display:block;color:var(--danger);font-size:13px;font-weight:600}.weather-sigmet-list li>span{display:block;font-size:11px;color:var(--muted);margin:4px 0}.weather-sigmet-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--display);color:var(--text);margin:8px 0 0}
@media(max-width:650px){.weather-heading{flex-wrap:wrap}.weather-tools{width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between;gap:8px;padding:7px 0 2px}.weather-unit-select{font-size:10px;gap:5px}.weather-unit-select>span{display:none}.weather-unit-select select{font-size:11px;padding:6px;max-width:210px}.weather-runway-wind>summary,.weather-advisories>summary{padding:11px 16px;font-size:12px}.weather-extra-body{padding:0 16px 13px}.weather-extra-message,.weather-extra-explanation{font-size:12px}.weather-extra-note{font-size:11px}.weather-wind-table{font-size:12px}.weather-wind-table th,.weather-wind-table td{padding:9px}.weather-wind-table tbody th{font-size:13px}}