/* Stop Bullying revision18: the ten annotated adjustments, isolated to this page. */
.stop-page .note-heart{color:var(--coral);font:inherit}
.stop-page .activity-hero{margin-top:-20px}
.stop-page .stop-facts{background:none;border-radius:0;isolation:isolate}
.stop-page .stop-facts:before{position:absolute;inset:-7px 0 -6px;z-index:-1;background:color-mix(in srgb,var(--coral) 45%,white);clip-path:url(#stop-facts-organic)}
.stop-page .stop-steps-copy{min-width:0;align-self:start}
.stop-page .stop-guide:before{inset:0 -88px}
@media(min-width:701px) and (max-width:1199px){.stop-page .stop-guide:before{inset:0 -12px}}
@media(max-width:700px){
.stop-page .activity-hero{margin-top:-8px}
.stop-page .stop-facts{margin-top:18px}
.stop-page .stop-session-note{margin-top:22px;font-size:19px;padding:12px 18px;gap:9px}
.stop-page .stop-guide:before{inset:0 -6px}
}

@media(max-width:700px){.stop-page .stop-guide:before{clip-path:url(#guide-wave-mobile);border-radius:0}}

/* Revision19: independent pastel facts and the remaining annotated refinements. */
.stop-page .activity-hero-art>img{height:560px;max-height:none;aspect-ratio:auto;clip-path:url(#stop-hero-full);object-position:50% 100%}
.stop-page .stop-facts{padding:0;gap:24px;margin-top:18px}
.stop-page .stop-facts:before{content:none}
.stop-page .stop-facts>.fact-rays{display:none}
.stop-page .stop-facts>div{position:relative;isolation:isolate;padding:26px 12px 28px;min-width:0}
.stop-page .stop-facts>div:before{content:'';position:absolute;inset:0;z-index:-1;background:#EADFFF;clip-path:url(#stop-fact-card)}
.stop-page .stop-facts>div:nth-of-type(2):before{background:#DDF8FC;clip-path:url(#stop-fact-card-alt)}
.stop-page .stop-facts>div:nth-of-type(3):before{background:#FFF4D9;clip-path:url(#stop-fact-card)}
.stop-page .stop-facts>div:nth-of-type(4):before{background:#FFE8E5;clip-path:url(#stop-fact-card-alt)}
.stop-page .learning-grid .learn-title h3,.stop-page .steps h3{font-weight:700}
.stop-page .steps-layout .steps{grid-column:1;grid-row:1}
.stop-page .stop-session-note{grid-column:1 / -1;grid-row:2;position:relative;z-index:1}
@media(min-width:701px) and (max-width:1050px){
.stop-page .activity-hero-art>img{height:470px}
.stop-page .stop-facts{gap:16px}
.stop-page .stop-facts>div{padding-inline:8px}
.stop-page .steps-layout .step-art{grid-column:1;grid-row:3}
}
@media(max-width:700px){
.stop-page .activity-hero-art>img{height:auto;aspect-ratio:1.35}
.stop-page .stop-facts{gap:18px 14px;margin-top:25px}
.stop-page .stop-facts>div{padding:24px 8px}
.stop-page .steps-layout .steps{grid-column:1;grid-row:1}
.stop-page .steps-layout .step-art{grid-column:1;grid-row:3}
.stop-page .stop-session-note{grid-column:1;grid-row:2;margin-top:0}
}

/* Centre against the full section without lowering the label below the three steps. */
.stop-page .steps-layout{container-type:inline-size}
.stop-page .stop-steps-copy{display:block;grid-column:1;grid-row:1}
.stop-page .steps-layout .step-art{grid-column:2;grid-row:1}
.stop-page .stop-session-note{margin:20px 0 0;left:50cqw;transform:translateX(-50%)}
@media(max-width:1050px){.stop-page .steps-layout .step-art{grid-column:1;grid-row:2}}
@media(max-width:700px){.stop-page .stop-session-note{margin-top:22px}}

@media(min-width:1200px){.stop-page .stop-guide:before{inset:0 max(-88px,calc((1152px - 100vw) / 2 + 12px))}}