.vm-environment{padding:26px 0;color:#17375b}.vm-env-intro{margin:0 0 22px}.vm-env-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#387c92;font-weight:750}.vm-env-intro h2{font-size:30px;margin:8px 0}.vm-env-intro p{color:#678097;font-size:14px}.vm-env-hero{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center;background:linear-gradient(120deg,#e4f2f9,#f7fbff 55%,#fff3dc);border:1px solid #ccdfed;border-radius:24px;padding:24px;margin-bottom:22px;overflow:hidden}.vm-env-hero h3{font-size:30px;line-height:1.2;margin:12px 0}.vm-env-hero p{font-size:16px;line-height:1.65}.vm-env-hero small{display:block;color:#647e92;font-size:11px;line-height:1.6;margin-top:15px}.vm-env-chips{display:flex;flex-wrap:wrap;gap:8px}.vm-env-chips span{padding:8px 12px;background:#ffffffb0;border:1px solid #d6e5ed;border-radius:99px;font-weight:650;font-size:12px}.vm-env-scene{border-radius:20px;background:linear-gradient(#cbe9f4,#eef8fb);position:relative;overflow:hidden;min-width:0}.vm-env-scene.winter{background:linear-gradient(#a2bfd9,#e4eef5)}.vm-env-scene.heat{background:linear-gradient(#ffdfad,#fff4df)}.vm-env-scene svg{display:block;width:100%;height:230px}.vm-env-person{transform-origin:130px 210px;animation:vm-env-breathe 5s ease-in-out infinite}.windy .vm-env-hair,.windy .vm-env-scarf{transform-origin:130px 50px;animation:vm-env-sway 2s ease-in-out infinite}.vm-env-weather{animation:vm-env-fall 1.3s linear infinite}.winter .vm-env-weather{animation-duration:5s}.vm-env-sun{transform-origin:208px 39px;animation:vm-env-glow 5s ease-in-out infinite}.vm-env-pause{display:block;margin:0 auto 10px;background:#ffffffaa;border:1px solid #bfd5e4;color:#375b77;border-radius:99px;padding:5px 12px;font-size:10px;cursor:pointer}.paused *{animation-play-state:paused!important}@keyframes vm-env-breathe{50%{transform:translateY(-2px) rotate(.7deg)}}@keyframes vm-env-sway{50%{transform:rotate(-4deg)}}@keyframes vm-env-fall{from{transform:translateY(-10px);opacity:0}20%{opacity:.9}to{transform:translateY(70px);opacity:0}}@keyframes vm-env-glow{50%{transform:scale(1.06)}}.vm-env-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vm-env-card{background:#fff;border:1px solid #d6e5ee;border-radius:20px;padding:23px;box-shadow:0 8px 24px #26486b08;min-width:0}.vm-env-card-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.vm-env-card-title h3{font-size:18px;margin:0}.vm-env-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:#e8f5f3;color:#238c7d}.vm-env-card:nth-child(3n) .vm-env-icon{background:#fff1e1;color:#c28629}.vm-env-card:nth-child(4n) .vm-env-icon{background:#eeeafa;color:#8670b8}.vm-env-card p{font-size:13px;line-height:1.8}.vm-env-card small{display:block;color:#708297;font-size:10px;line-height:1.65}.vm-env-metric{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:12px}.vm-env-metric span{color:#678097}.vm-env-metric strong{text-align:right;font-size:13px;color:inherit;white-space:nowrap}.vm-env-meter-copy{display:flex;align-items:center;gap:12px;margin-bottom:10px}.vm-env-meter-copy strong{font-size:28px;letter-spacing:-1px}.vm-env-meter-copy span{font-size:12px;color:#5d7c91}.vm-env-track{height:7px;background:#e7f0f4;border-radius:99px;overflow:hidden}.vm-env-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5eafd0,#66bd9d)}.vm-env-three-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.vm-env-three-days>div{background:#f2f7fb;border-radius:12px;padding:10px;display:grid;gap:5px;text-align:center}.vm-env-three-days strong{font-size:17px}.vm-env-three-days span{font-size:11px;color:#658299}.vm-env-sun-arc{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0 22px;background:radial-gradient(ellipse at 50% 20%,#fff0c4,transparent 70%);text-align:center}.vm-env-sun-arc>span{grid-column:1/-1;font-size:35px;color:#e9b044}.vm-env-sun-arc strong{font-size:25px}.vm-env-night{background:linear-gradient(140deg,#18375a,#285979);color:#fff}.vm-env-night .vm-env-metric span,.vm-env-night small,.vm-env-night .vm-env-meter-copy span{color:#bad0df}.vm-env-source{font-size:11px;color:#698295;padding:17px 4px;line-height:1.7}@media(max-width:700px){.vm-env-hero{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:18px}.vm-env-scene{max-width:300px;width:100%;margin:auto}.vm-env-hero h3{font-size:25px}.vm-env-grid{grid-template-columns:1fr;gap:13px}.vm-env-card{padding:18px}.vm-env-intro h2{font-size:25px}.vm-env-metric{font-size:11px;gap:8px}}@media(prefers-reduced-motion:reduce){.vm-env-scene *{animation:none!important}}

.vm-env-night .vm-env-card-title h3{color:#fff!important}

/* Same panel treatment as the established city cards. */
#kek-idojaras-root .vm-env-hero,#kek-idojaras-root .vm-env-card{border:1px solid var(--line,#dce6ef);border-top:3px solid #76b8ed;border-radius:12px;box-shadow:0 4px 14px #16294b08;box-sizing:border-box}
#kek-idojaras-root .vm-env-hero{background:#fff;grid-template-columns:240px 1fr;padding:23px;gap:26px}
#kek-idojaras-root .vm-env-card{padding:23px;background:#fff;color:var(--text,#17375b)}
#kek-idojaras-root .vm-env-night{background:#fff;color:var(--text,#17375b)}
#kek-idojaras-root .vm-env-night .vm-env-card-title h3{color:var(--text,#17375b)!important}
#kek-idojaras-root .vm-env-night .vm-env-metric span,#kek-idojaras-root .vm-env-night small,#kek-idojaras-root .vm-env-night .vm-env-meter-copy span{color:#678097}
.vm-env-scene{border-radius:10px;background:linear-gradient(160deg,#e8f1fa,#f5f9fc)}
.vm-env-portrait{height:330px;position:relative;overflow:hidden}.vm-env-person{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 100%;animation:vm-env-breathe 6s ease-in-out infinite}
@keyframes vm-env-breathe{50%{transform:translateY(-1px) scale(1.006)}}
.vm-env-precipitation,.vm-env-wind-lines{position:absolute;inset:0;pointer-events:none}.vm-env-precipitation i{position:absolute;top:-15px;width:2px;height:16px;background:#5c9bd075;border-radius:3px;animation:vm-env-rain 1.7s linear infinite}.snowy .vm-env-precipitation i{width:5px;height:5px;background:#fff;animation-duration:5s;box-shadow:0 0 2px #7594aa}
@keyframes vm-env-rain{to{transform:translate(-22px,360px)}}
.vm-env-wind-lines i{position:absolute;left:-60px;width:50px;height:2px;background:#93b6c56b;border-radius:99px;animation:vm-env-wind 3s linear infinite}@keyframes vm-env-wind{to{transform:translateX(400px)}}
.vm-env-grid{gap:22px}.vm-env-card-title{gap:10px}.vm-env-icon{width:38px;height:38px;border-radius:9px}.vm-env-card-title h3{font-size:17px}.vm-env-hero h3{font-size:26px}
@media(max-width:700px){#kek-idojaras-root .vm-env-hero{grid-template-columns:1fr;padding:18px;gap:16px}#kek-idojaras-root .vm-env-card{padding:18px}.vm-env-scene{max-width:260px}.vm-env-portrait{height:310px}.vm-env-grid{gap:14px}}

/* Contain the section introduction in the established city panel. */
#kek-idojaras-root .vm-env-intro{background:#fff;border:1px solid var(--line,#dce6ef);border-top:3px solid #76b8ed;border-radius:12px;box-shadow:0 4px 14px #16294b08;padding:23px;margin:0 0 22px;box-sizing:border-box;min-width:0}
#kek-idojaras-root .vm-env-intro h2{margin:8px 0 10px;font-size:26px;line-height:1.25}
#kek-idojaras-root .vm-env-intro p{margin:0;line-height:1.65}
@media(max-width:700px){#kek-idojaras-root .vm-env-intro{padding:18px;margin-bottom:14px}#kek-idojaras-root .vm-env-intro h2{font-size:23px}}

/* Large readable themed illustrations, consistent with the supplied reference. */
#kek-idojaras-root .vm-env-card-title{gap:16px;margin-bottom:20px;align-items:center}
#kek-idojaras-root .vm-env-icon{width:72px;height:72px;flex:0 0 72px;border-radius:50%;background:#edf5ff;color:#2378ef;box-shadow:inset 0 0 0 1px #2378ef08}
#kek-idojaras-root .vm-env-icon svg{width:38px;height:38px;display:block}
#kek-idojaras-root .vm-env-icon-car{background:#e7f7f6;color:#15998f}
#kek-idojaras-root .vm-env-icon-leaf,#kek-idojaras-root .vm-env-icon-pollen{background:#edfbea;color:#20a03c}
#kek-idojaras-root .vm-env-icon-heart{background:#eef5ff;color:#1d73ee}
#kek-idojaras-root .vm-env-icon-sun,#kek-idojaras-root .vm-env-icon-sunrise,#kek-idojaras-root .vm-env-icon-sunset{background:#fff6df;color:#eda000}
#kek-idojaras-root .vm-env-icon-photo{background:#fff0e5;color:#df8732}
#kek-idojaras-root .vm-env-icon-moon,#kek-idojaras-root .vm-env-icon-telescope{background:#f1edff;color:#7050dc}
#kek-idojaras-root .vm-env-card-title h3{font-size:20px;line-height:1.3;min-width:0}
#kek-idojaras-root .vm-env-sun-arc{background:none;padding:8px 0 20px}
#kek-idojaras-root .vm-env-sun-arc>div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border:1px solid #dce6ef;border-radius:10px;background:#fcfdff}
#kek-idojaras-root .vm-env-sun-arc strong{font-size:27px}
@media(max-width:700px){#kek-idojaras-root .vm-env-icon{width:64px;height:64px;flex-basis:64px}#kek-idojaras-root .vm-env-icon svg{width:34px;height:34px}#kek-idojaras-root .vm-env-card-title{gap:13px;margin-bottom:17px}#kek-idojaras-root .vm-env-card-title h3{font-size:18px}#kek-idojaras-root .vm-env-sun-arc strong{font-size:23px}}