:root{--clima-green:#23633f;--clima-green-bg:#e3f1e8;--clima-yellow:#7a5200;--clima-yellow-bg:#fdf0cc;--clima-red:#a1261b;--clima-red-bg:#fbe3df}.clima{gap:40px;display:grid}.clima-heading{margin:0 0 16px;font-size:1.5rem}.clima-badge{white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.9rem;font-weight:700;display:inline-flex}.clima-badge__icon{fill:currentColor;width:14px;height:14px}.clima-badge--large{padding:5px 14px;font-size:1.1rem}.clima-badge--large .clima-badge__icon{width:18px;height:18px}.clima-badge--green{color:var(--clima-green);background:var(--clima-green-bg)}.clima-badge--yellow{color:var(--clima-yellow);background:var(--clima-yellow-bg)}.clima-badge--red{color:var(--clima-red);background:var(--clima-red-bg)}.clima-verdict{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border-left:6px solid;padding:24px}.clima-verdict--green{border-color:var(--clima-green)}.clima-verdict--yellow{border-color:#c98a00}.clima-verdict--red{border-color:var(--clima-red)}.clima-verdict__title{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:1.6rem;display:flex}.clima-verdict__advice{margin:0 0 12px;font-size:1.1rem;line-height:1.5}.clima-verdict__best{margin:16px 0 0;font-weight:600}.clima-reasons{margin:0;padding-left:1.2em;line-height:1.55}.clima-reasons li{margin-bottom:6px}.clima-reasons li::marker{color:var(--color-terracota)}.clima-days{gap:8px;margin:0;padding:0;list-style:none;display:grid}.clima-day details{border:1px solid var(--color-arena-dark);border-radius:var(--radius-sm);background:#fff}.clima-day summary{cursor:pointer;grid-template-columns:9rem auto 1fr;align-items:center;gap:8px 16px;min-height:48px;padding:10px 16px;display:grid}.clima-day summary:focus-visible{outline:3px solid var(--color-turquesa);outline-offset:2px}.clima-day__name{text-transform:capitalize;font-weight:600}.clima-day__facts{color:var(--color-text-muted);flex-wrap:wrap;gap:4px 14px;font-size:.95rem;display:flex}.clima-day details[open]>:not(summary){margin:0 16px 14px}.clima-day__points{gap:6px;font-size:.95rem;display:grid}.clima-day__points dt{font-weight:600}.clima-day__points dd{color:var(--color-text-muted);margin:0}.clima-points{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.clima-point{border-radius:var(--radius-sm);background:var(--color-arena);padding:16px}.clima-point__note{text-transform:uppercase;letter-spacing:.04em;color:var(--color-turquesa-text);margin:0;font-size:.8rem;font-weight:600}.clima-point__name{margin:2px 0 8px;font-size:1.15rem}.clima-point__temp{margin:0;font-size:2.2rem;font-weight:700;line-height:1}.clima-point__weather{color:var(--color-text-muted);margin:4px 0 12px}.clima-point__facts{gap:4px;margin:0;font-size:.92rem;display:grid}.clima-point__facts div{justify-content:space-between;gap:8px;display:flex}.clima-point__facts dt{color:var(--color-text-muted)}.clima-point__facts dd{margin:0;font-weight:600}.clima-updated,.clima-unavailable{color:var(--color-text-muted);font-size:.9rem}.clima-unavailable{border-radius:var(--radius-sm);background:var(--color-arena);padding:16px;font-size:1rem}.clima-teaser{border-radius:var(--radius-md);border-left:6px solid var(--color-arena-dark);box-shadow:var(--shadow-sm);background:#fff;margin:0 0 32px;padding:16px 20px}.clima-teaser--green{border-color:var(--clima-green)}.clima-teaser--yellow{border-color:#c98a00}.clima-teaser--red{border-color:var(--clima-red)}.clima-teaser__title{margin:0 0 8px;font-size:1.15rem}.clima-teaser p{margin:0 0 8px}.clima-teaser__reason{color:var(--color-text-muted)}.clima-teaser__link{color:var(--color-turquesa-text);font-weight:600;display:inline-block}.clima-teaser__link:focus-visible{outline:3px solid var(--color-turquesa);outline-offset:2px}@media (max-width:600px){.clima-verdict{padding:18px}.clima-verdict__title{font-size:1.35rem}.clima-day summary{grid-template-columns:1fr auto}.clima-day__facts{grid-column:1/-1}}.clima-page{gap:40px;max-width:860px;margin:0 auto;padding:48px 20px 80px;display:grid}.clima-page__title{margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.clima-page__intro{color:var(--color-text-muted);max-width:40rem;margin:0;font-size:1.15rem;line-height:1.55}.clima-page__back{color:var(--color-turquesa-text);margin-bottom:16px;font-weight:600;display:inline-block}.clima-page__info{max-width:40rem;line-height:1.65}.clima-page__info h2{margin:0 0 12px;font-size:1.5rem}.clima-page__info ul{padding-left:1.2em}.clima-page__info li{margin-bottom:8px}.clima-page__info li::marker{color:var(--color-terracota)}.clima-page__notice{border-radius:var(--radius-sm);background:var(--color-arena);padding:16px 20px;line-height:1.55}.clima-page__notice p{margin:0 0 8px}.clima-page__notice a{color:var(--color-turquesa-text);font-weight:600}.clima-page a:focus-visible{outline:3px solid var(--color-turquesa);outline-offset:2px}.clima-now{border-bottom:1px solid var(--color-arena-dark);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;margin-bottom:20px;padding-bottom:20px;display:flex}.clima-now__temp{margin:4px 0 0;font-size:3rem;font-weight:700;line-height:1}.clima-now__facts{flex:0 280px;min-width:220px}.clima-day__extra{color:var(--color-text-muted);font-size:.95rem}.clima-home{max-width:900px;margin:0 auto;padding-top:0}.clima-home__subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 24px}.clima-home__cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.clima-home__card{border-radius:var(--radius-md);border-left:6px solid var(--color-arena-dark);height:100%;box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow var(--transition-base);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:20px;text-decoration:none;display:grid}.clima-home__card:hover{box-shadow:var(--shadow-md)}.clima-home__card:focus-visible{outline:3px solid var(--color-turquesa);outline-offset:2px}.clima-home__card--green{border-color:var(--clima-green)}.clima-home__card--yellow{border-color:#c98a00}.clima-home__card--red{border-color:var(--clima-red)}.clima-home__name{font-size:1.15rem;font-weight:700}.clima-home__temp{font-size:1.8rem;font-weight:700;line-height:1}.clima-home__card .clima-badge{grid-column:1/-1;justify-self:start}.clima-home__reason{color:var(--color-text-muted);grid-column:1/-1;font-size:.95rem;line-height:1.45}.clima-home__link{color:var(--color-turquesa-text);grid-column:1/-1;font-weight:600}