.when-theme{--topic-accent:#256b58;--topic-deep:#173f35}.when-theme .front-main{background:linear-gradient(135deg,#173f35,#3d806c)}.climate-panel{margin:28px 0}.climate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.climate-month{padding:14px;border:1px solid rgba(34,107,88,.15);border-radius:14px;background:#f8fcfa}.climate-month strong,.climate-month span{display:block}.climate-month span{margin-top:5px;color:#526c63;font-size:.88rem}.climate-month .temperature-high{color:#b54a2b;font-weight:700}.when-related{display:grid;gap:10px}.when-related a{display:block;padding:14px;border:1px solid rgba(34,107,88,.14);border-radius:14px;text-decoration:none;color:#173f35;background:#f8fcfa}.when-related strong,.when-related span{display:block}.when-related span{margin-top:6px;color:#5a6f68;font-size:.9rem;line-height:1.5}.relation-columns{display:grid;gap:22px}@media(min-width:900px){.relation-columns{grid-template-columns:1fr 1fr}}@media(max-width:800px){.climate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.climate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.when-city-card{overflow:hidden}.when-city-card>img{width:100%;aspect-ratio:3/2;object-fit:cover}.when-city-card>div{padding:20px}.when-index-links{display:grid;gap:8px;margin-top:14px}.when-index-links a{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(34,107,88,.14);color:#173f35;text-decoration:none}.when-index-links a:hover{color:#b54a2b}.when-index-links span{flex:none}