/* Shared activity template, based on approved Stop Bullying revision19.
   Applies only to the five activity sheets; home and contact stay untouched. */
.inner-page.activity-page .activity-hero{margin-top:-20px}
.inner-page.activity-page .activity-hero-art>img{height:560px;max-height:none;object-position:50% 100%}
.inner-page.activity-page .activity-intro .eyebrow{font:700 16px/1.25 Dosis,sans-serif;max-width:330px}
.inner-page.activity-page .activity-intro .lead{font:500 25px/1.3 Dosis,sans-serif;margin:26px 20px 28px 0;color:var(--ink)}
.inner-page.activity-page .content-section{margin-block:104px}
.inner-page.activity-page .section-title{font:600 40px/1.1 Fredoka,sans-serif;margin-bottom:36px;color:var(--ink)}
.inner-page.activity-page .facts{padding:0;gap:24px;margin-top:18px;background:none;border-radius:0;isolation:isolate}
.inner-page.activity-page .facts:before{content:none}
.inner-page.activity-page .facts>.fact-rays{display:none}
.inner-page.activity-page .facts>div{position:relative;isolation:isolate;padding:26px 12px 28px;min-width:0}
.inner-page.activity-page .facts>div:before{content:'';position:absolute;inset:0;z-index:-1;background:#EADFFF;clip-path:url(#activity-fact-shape)}
.inner-page.activity-page .facts>div:nth-of-type(2):before{background:#DDF8FC;clip-path:url(#activity-fact-shape-alt)}
.inner-page.activity-page .facts>div:nth-of-type(3):before{background:#FFF4D9;clip-path:url(#activity-fact-shape)}
.inner-page.activity-page .facts>div:nth-of-type(4):before{background:#FFE8E5;clip-path:url(#activity-fact-shape-alt)}
.inner-page.activity-page .fact-icon{width:106px;height:106px;display:grid;place-items:center;background:white;border-radius:50%;margin:auto}
.inner-page.activity-page .facts .fact-icon svg{width:65px;height:65px}
.inner-page.activity-page .facts .color-0{color:var(--purple)}
.inner-page.activity-page .facts .color-1{color:#25CCE8}
.inner-page.activity-page .facts .color-2{color:var(--yellow)}
.inner-page.activity-page .facts .color-3{color:var(--coral)}
.inner-page.activity-page .facts p{font:700 25px/1.16 Dosis,sans-serif;color:var(--ink);margin:10px 0 0}
.inner-page.activity-page .learning-grid{gap:40px}
.inner-page.activity-page .learning-grid article{display:block}
.inner-page.activity-page .learning-grid .learn-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.inner-page.activity-page .learning-grid .learn-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--purple);color:white}
.inner-page.activity-page .learning-grid article:nth-child(2) .learn-icon{background:#00A9BD}
.inner-page.activity-page .learning-grid article:nth-child(3) .learn-icon{background:#E6A20C}
.inner-page.activity-page .learning-grid .learn-icon svg{color:white;width:36px;height:36px}
.inner-page.activity-page .learning-grid .learn-title h3{font:700 23px/1.15 Dosis,sans-serif;max-width:230px;margin:0;color:var(--ink)}
.inner-page.activity-page .learning-grid article p{font:500 22px/1.4 Dosis,sans-serif;color:#344977;margin:0}
.inner-page.activity-page .steps h3{font:700 23px/1.15 Dosis,sans-serif;margin:0 0 13px;color:var(--ink)}
.inner-page.activity-page .steps p{font:500 20px/1.4 Dosis,sans-serif;color:#344977;margin:0}
.inner-page.activity-page .steps-layout.with-art{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:30px}
.inner-page.activity-page .needs-panel{background:var(--ivory);padding:40px;border-radius:42px 48px 43px 46px}
.inner-page.activity-page .needs-panel h2{margin-top:0;margin-bottom:36px}
.inner-page.activity-page .modalities{gap:30px;align-items:start}
.inner-page.activity-page .modalities article{min-height:300px;padding:32px 30px;border-radius:32px;background:#DDF8FC;gap:20px;align-content:start}
.inner-page.activity-page .modalities article:nth-child(2),.inner-page.activity-page .mirall-mode-column:nth-child(2)>article{background:#EADFFF}
.inner-page.activity-page .modalities h3{font:700 26px/1.15 Dosis,sans-serif;margin:0 0 14px}
.inner-page.activity-page .modalities p{font:500 22px/1.3 Dosis,sans-serif;margin:22px 0 26px}
.inner-page.activity-page .modalities .badge{font:600 18px/1.3 Dosis,sans-serif}
.inner-page.activity-page .modalities .button{font:600 21px/1.2 Dosis,sans-serif;padding:12px 24px;min-height:46px}
.inner-page.activity-page .language-note{font:500 18px/1.25 Dosis,sans-serif;background:#F0EAFF;color:var(--purple);margin-top:30px}
.inner-page.activity-page .resource-grid{position:relative;isolation:isolate;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:36px;padding:48px 24px 42px;background:none}
.inner-page.activity-page .resource-grid:before{content:'';position:absolute;inset:0 max(-88px,calc((1152px - 100vw) / 2 + 12px));z-index:-2;background:#B7F0FC;clip-path:url(#activity-resource-shape)}
.inner-page.activity-page .resource-grid h2{font:600 38px/1.1 Fredoka,sans-serif;margin:0 0 24px;color:var(--ink)}
.inner-page.activity-page .resource-grid p{font:500 22px/1.4 Dosis,sans-serif;margin:0 0 22px;color:var(--ink)}
.inner-page.activity-page .resource-grid img{width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
.inner-page.activity-page .resource-grid .button{font-size:21px;min-height:46px}
.inner-page.activity-page .resource-grid h2:before,.inner-page.activity-page .resource-grid h2:after{display:none}
.inner-page.activity-page .contact-copy h2{font:600 42px/1.1 Fredoka,sans-serif;color:var(--ink)}
@media(min-width:701px) and (max-width:1050px){
.inner-page.activity-page .activity-hero-art>img{height:470px}
.inner-page.activity-page .facts{gap:16px}
.inner-page.activity-page .facts>div{padding-inline:8px}
.inner-page.activity-page .fact-icon{width:85px;height:85px}
.inner-page.activity-page .facts .fact-icon svg{width:51px;height:51px}
.inner-page.activity-page .facts p{font-size:22px}
.inner-page.activity-page .learning-grid{gap:22px}
.inner-page.activity-page .learning-grid .learn-title{gap:10px}
.inner-page.activity-page .learning-grid .learn-icon{width:50px;height:50px;flex-basis:50px}
.inner-page.activity-page .steps-layout.with-art{grid-template-columns:1fr}
.inner-page.activity-page .modalities article{padding:30px 23px;gap:14px}
.inner-page.activity-page .modalities h3{font-size:23px}
.inner-page.activity-page .needs-panel{padding:32px 24px}
.inner-page.activity-page .resource-grid{gap:25px;padding-inline:20px}
.inner-page.activity-page .resource-grid:before{inset:0 -12px}
.inner-page.activity-page .resource-grid h2{font-size:29px}
.inner-page.activity-page .resource-grid p{font-size:20px}
}
@media(max-width:700px){
.inner-page.activity-page .activity-hero{margin-top:-8px}
.inner-page.activity-page .activity-hero-art>img{height:auto;aspect-ratio:1.35}
.inner-page.activity-page .content-section{margin-block:64px}
.inner-page.activity-page .section-title{font-size:30px;line-height:1.1;margin-bottom:28px}
.inner-page.activity-page .activity-intro .lead{font-size:23px;margin-right:0}
.inner-page.activity-page .facts{gap:18px 14px;margin-top:25px}
.inner-page.activity-page .facts>div{padding:24px 8px}
.inner-page.activity-page .fact-icon{width:78px;height:78px}
.inner-page.activity-page .facts .fact-icon svg{width:46px;height:46px}
.inner-page.activity-page .facts p{font-size:21px}
.inner-page.activity-page .learning-grid{gap:30px}
.inner-page.activity-page .learning-grid .learn-title{gap:16px;margin-bottom:12px}
.inner-page.activity-page .learning-grid .learn-icon{width:54px;height:54px;flex-basis:54px}
.inner-page.activity-page .learning-grid article p{font-size:21px}
.inner-page.activity-page .steps p{font-size:21px}
.inner-page.activity-page .steps-layout.with-art{grid-template-columns:1fr;gap:28px}
.inner-page.activity-page .needs-panel{padding:30px 22px;border-radius:36px 40px 38px 42px}
.inner-page.activity-page .needs-panel h2{margin-bottom:28px}
.inner-page.activity-page .modalities{gap:24px}
.inner-page.activity-page .modalities article{padding:32px 25px;min-height:290px}
.inner-page.activity-page .modalities h3{font-size:23px}
.inner-page.activity-page .modalities p{font-size:21px}
.inner-page.activity-page .modalities .button{font-size:19px}
.inner-page.activity-page .resource-grid{grid-template-columns:1fr;gap:28px;padding:30px 22px 40px}
.inner-page.activity-page .resource-grid:before{inset:0 -6px;clip-path:url(#activity-resource-mobile)}
.inner-page.activity-page .resource-grid h2{font-size:29px;margin-bottom:23px}
.inner-page.activity-page .resource-grid p{font-size:21px}
.inner-page.activity-page .resource-grid .button{font-size:19px}
.inner-page.activity-page .contact-copy h2{font-size:32px}
}

/* Keep the existing responsive long-title arrangement when the clean master replaces WebP. */
@media(min-width:1201px){.activity-page:has(.activity-hero-art img[src^="assets/optimized/super-hero"]) .activity-hero{grid-template-columns:minmax(0,42%) minmax(0,58%)}}
@media(min-width:701px) and (max-width:1200px){
.activity-page:has(.activity-hero-art img[src^="assets/optimized/super-hero"]) .activity-hero{grid-template-columns:1fr;gap:28px}
.activity-page:has(.activity-hero-art img[src^="assets/optimized/super-hero"]) .activity-hero-art{margin:0}
.activity-page:has(.activity-hero-art img[src^="assets/optimized/super-hero"]) .activity-intro .lead{max-width:600px}
}
@media(min-width:701px) and (max-width:1050px){.activity-page:has(.activity-hero-art img[src^="assets/cau-hero"]) .activity-hero{grid-template-columns:minmax(0,40%) minmax(0,60%)}}