.generator-controls.weather-controls{align-items:start}.generator-controls.weather-controls .button-generate{align-self:start;margin-top:28px}.weather-field-hint{color:#4e6272;font-size:16px;line-height:1.4}.weather-page .generator-control-note{display:flex;align-items:flex-start;gap:9px}.weather-page .generator-control-note span{color:#6ba3c8}.weather-card{display:flex;flex-direction:column}.weather-card .generator-result-header h2 span{color:#8fa5bc;font-weight:400}.weather-temperature>span,.weather-condition-summary span,.weather-metric dt,.weather-advisory div span{color:#4e6272;font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}.weather-primary-condition{display:grid;grid-template-columns:84px minmax(150px,1.2fr) minmax(130px,.8fr);align-items:center;gap:18px;padding:8px 0 24px}.weather-condition-glyph{position:relative;width:72px;height:72px;border:1px solid rgba(107,163,200,.28);border-radius:50%;background:radial-gradient(circle at 42% 35%,#6ba3c840,#2e5f8414 60%);box-shadow:0 0 28px #2e5f842e}.weather-condition-glyph:before,.weather-condition-glyph:after,.weather-condition-glyph span{content:"";position:absolute;left:19px;border-top:2px solid #8fa5bc;border-radius:50%}.weather-condition-glyph:before{top:26px;width:37px}.weather-condition-glyph:after{top:36px;left:11px;width:46px}.weather-condition-glyph span{top:46px;left:26px;width:27px}.weather-temperature,.weather-condition-summary{display:flex;flex-direction:column;gap:4px}.weather-temperature strong{color:#e6dfd4;font-family:Cinzel,serif;font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.5px}.weather-temperature small{color:#8fa5bc;font-size:16px;line-height:1.3}.weather-condition-summary{padding-left:18px;border-left:1px solid rgba(255,255,255,.06)}.weather-condition-summary strong{color:#e6dfd4;font-family:EB Garamond,Georgia,serif;font-size:20px;font-weight:500;line-height:1.3}.weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.weather-metric{min-width:0;padding:14px;border:1px solid #1e2c40;border-radius:8px;background:#0e121838}.weather-metric dt{margin-bottom:6px}.weather-metric dd{overflow-wrap:anywhere;color:#e6dfd4;font-family:EB Garamond,Georgia,serif;font-size:16px;line-height:1.35;margin:0}.weather-advisory{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;margin-top:auto;border:1px solid #1e2c40;border-radius:8px;background:#0e121833}.weather-advisory>div{display:flex;flex-direction:column;gap:2px}.weather-advisory strong{color:#e6dfd4;font-size:16px;font-weight:500;line-height:1.35}.weather-advisory small{color:#4e6272;font-family:Cinzel,serif;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.weather-advisory-alert{border-color:#c0383859;background:#7a20201f}@media(max-width:800px){.generator-controls.weather-controls .button-generate{margin-top:0}}@media(max-width:560px){.weather-primary-condition{grid-template-columns:70px 1fr}.weather-condition-summary{grid-column:1/-1;padding:14px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.06)}.weather-metrics{grid-template-columns:1fr}.weather-advisory{grid-template-columns:minmax(0,1fr)}.weather-advisory small{grid-column:1}}