.weather-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 4px;margin-bottom:.5rem}.weather-title{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text);margin:0}.weather-city-selector{position:relative;display:inline-flex;align-items:center;margin-left:auto}.weather-city-select{appearance:none;-webkit-appearance:none;background:var(--brand);color:var(--white);font-family:var(--font-heading);font-size:1rem;font-weight:700;padding:6px 32px 6px 14px;border:none;border-radius:var(--radius-pill);cursor:pointer;outline:none;transition:background .15s}.weather-city-select:hover,.weather-city-select:focus{background:var(--brand-dark)}.weather-city-select option{background:var(--white);color:var(--text);font-weight:400}.weather-city-chevron{position:absolute;right:10px;pointer-events:none;color:var(--white)}.weather-forecast-section{margin-top:1rem}.weather-main-card{background-color:#f8fafc;border-radius:1.5rem;padding:2.5rem;margin-bottom:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.weather-main-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:1rem}.weather-main-temp{font-size:5rem;font-weight:600}.metric-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.metric-label{text-transform:uppercase;font-size:.75rem;color:#64748b}.metric-value{font-weight:600}.weather-sub-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e2e8f0;padding-top:1.5rem}.sub-metric{text-align:center}.sub-metric-label{display:block;text-transform:uppercase;font-size:.75rem;color:#64748b;margin-bottom:.25rem}.sub-metric-value{font-weight:600;font-size:1.125rem}.hourly-scroll{display:flex;gap:.8rem;overflow-x:auto;padding:1.5rem 0;-webkit-overflow-scrolling:touch}.hourly-item{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:1rem .5rem;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.hourly-time{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.daily-list{margin-top:1rem}.daily-row{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:#fff;border-radius:.75rem;margin-bottom:.5rem}.daily-date{font-weight:600;width:60px}.daily-main{display:flex;align-items:center;gap:1rem;flex:1}.daily-desc{font-size:.875rem;color:#64748b}.daily-temps{display:flex;gap:1rem}.daily-max{font-weight:700}.daily-min{color:#64748b}