/* V636: translatable native captions, no text embedded in translated controls. */
.top-actions{display:flex;align-items:center;gap:12px}
#cpMeteoLanguage{max-width:135px;padding:8px;border:1px solid #b5d4df;border-radius:8px;background:white;color:#12384b;font:inherit;font-size:13px}
.cp-localized .approved-hero{padding:clamp(24px,4vw,60px) 20px;text-align:center;background:radial-gradient(ellipse at 12% 100%,#086b83,transparent 55%),radial-gradient(ellipse at 90% 0,#075270,transparent 60%),#031827;color:#fff}
.cp-localized .approved-hero>strong{color:#40d4e1;letter-spacing:.1em;font-size:clamp(13px,2vw,20px)}
.cp-localized .approved-hero h1{margin:12px 0 4px;font-size:clamp(25px,4vw,54px);line-height:1.15}
.cp-localized .activity-card{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 7px;border:1px solid #537c96;background:linear-gradient(145deg,#0a304f,#04172c);color:#fff;border-radius:13px;overflow:hidden}
.cp-localized .activity-card.active{background:linear-gradient(145deg,#09667a,#05324b);border-color:#49e2df}
.cp-localized .activity-card strong{font-size:clamp(11px,1.1vw,16px);line-height:1.2;overflow-wrap:anywhere}
.cp-activity-icon{font-size:30px;line-height:1;color:#7cf3ef}
.cp-source-language{font-size:12px;opacity:.8}
@media(max-width:720px){.topbar{gap:8px}.topbar .brand img{width:120px}.top-actions{gap:7px}#cpMeteoLanguage{max-width:110px;padding:6px}.cp-localized .activity-card{min-height:100px}.cp-localized .approved-hero{min-height:155px;display:flex;flex-direction:column;justify-content:center}}
.cp-localized .approved-hero{position:relative;isolation:isolate;overflow:hidden}
.cp-localized .approved-hero:before,.cp-localized .approved-hero:after{content:"";position:absolute;top:0;bottom:0;width:25%;z-index:-1;background-image:url("mockup/hero-header.png");background-size:auto 100%;background-repeat:no-repeat;opacity:.8}
.cp-localized .approved-hero:before{left:0;background-position:left center;mask-image:linear-gradient(to right,#000 65%,transparent)}
.cp-localized .approved-hero:after{right:0;background-position:right center;mask-image:linear-gradient(to left,#000 65%,transparent)}
.cp-localized .activity-card{gap:5px;padding:0 0 10px}
.cp-activity-art{display:block;width:100%;aspect-ratio:2.8;overflow:hidden}
.cp-localized .activity-card .cp-activity-art img{display:block!important;width:100%;height:auto;border-radius:0}
.cp-localized .activity-card strong{padding:0 5px}
@media(max-width:720px){.cp-localized .approved-hero:before,.cp-localized .approved-hero:after{opacity:.35;width:20%}}
/* Give longer translated labels real space instead of clipping them. */
.cp-localized .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cp-localized .metric-grid .metric-card{grid-column:auto;min-width:0;grid-template-columns:34px minmax(0,1fr);min-height:120px}
.cp-localized .metric-card>span,.cp-localized .metric-card>strong,.cp-localized .metric-card>small{min-width:0;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
.cp-localized .metric-card>strong{font-size:24px}
.cp-localized .zones-intro{min-width:0}
.cp-localized .zones-intro h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:720px){.cp-localized .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-localized .metric-card>strong{font-size:19px}}