:root{--compass-nav-line:#d8eaed;--compass-nav-deep:#073d47;--compass-nav-teal:#008f9d}
.site-header{position:sticky!important;top:0!important;z-index:10000!important;width:100%!important;min-height:74px!important;margin:0!important;padding:8px max(16px,calc((100vw - 1460px)/2))!important;display:flex!important;align-items:center!important;gap:12px!important;background:rgba(255,255,255,.98)!important;border:0!important;border-bottom:1px solid var(--compass-nav-line)!important;border-radius:0!important;box-shadow:0 7px 22px rgba(7,61,71,.07)!important;backdrop-filter:blur(16px)}
.site-header .site-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}.site-header .site-brand img{display:block!important;width:52px!important;height:52px!important;max-width:52px!important;object-fit:contain!important;border-radius:12px!important;margin:0!important;padding:0!important}.site-header .site-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;gap:2px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.site-header .site-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;margin:0!important;padding:8px 7px!important;border-radius:9px!important;color:#416066!important;font:800 12px/1.12 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;text-decoration:none!important;white-space:nowrap!important}.site-header .site-nav a:hover,.site-header .site-nav a.active{background:#e9f8fa!important;color:#086f79!important}.site-header .site-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:42px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#008f9d,#00b5c0)!important;color:#fff!important;font:900 12px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 19px rgba(0,143,157,.2)!important}.site-header .site-menu{display:none!important;margin-left:auto!important;border:0!important;border-radius:11px!important;padding:10px 12px!important;background:#e9f8fa!important;color:var(--compass-nav-deep)!important;font-weight:900!important}
body.compass-navigation-normalised:before{content:"";position:fixed;inset:74px 0 0;z-index:0;pointer-events:none;background-image:url('/assets/images/compass-logo.jpg');background-repeat:no-repeat;background-position:center 46%;background-size:min(44vw,620px);opacity:.035;filter:saturate(.78) contrast(.92)}body.compass-navigation-normalised>*{position:relative;z-index:1}
body.home-page{width:100%!important;max-width:none!important;overflow-x:hidden!important}body.home-page main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.home-page main>.hero{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px 0 0!important}body.home-page .hero .wrap{display:block!important;width:min(1420px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important}body.home-page .hero-stage{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-height:650px!important;margin:0!important;overflow:hidden!important;background:#dcebe7 url('/assets/premium-images/about-hero-embedded.svg?v=20260730-home-approved') center/cover no-repeat!important}body.home-page .hero-stage>img{display:none!important;visibility:hidden!important;opacity:0!important}body.home-page .hero-panel{position:relative!important;z-index:2!important;width:min(540px,calc(100% - 64px))!important;max-width:540px!important;margin-left:56px!important;top:52px!important}body.home-page .wave{width:100%!important}body.home-page .support,body.home-page .trust,body.home-page .features,body.home-page .closing,body.home-page .quote{display:block!important;width:100%!important;max-width:none!important}body.home-page .support>.wrap,body.home-page .trust>.wrap,body.home-page .features>.wrap,body.home-page .closing>.wrap{width:min(1220px,calc(100% - 40px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
body:has(.about-shell){width:100%!important;max-width:none!important;overflow-x:hidden!important;background:#fff!important}body:has(.about-shell) .about-shell{width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important;overflow:hidden!important}body:has(.about-shell) .page-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important}body:has(.about-shell) .page-content>.hero{display:flex!important;width:100%!important;max-width:none!important;min-height:720px!important;margin:0!important;border-radius:0!important}body:has(.about-shell) .hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:url('/assets/images/about/about-hero-exact.webp?v=20260731-exact') center/cover no-repeat!important}body:has(.about-shell) .hero-media img{display:none!important;visibility:hidden!important;opacity:0!important}body:has(.about-shell) .hero-content{position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:stretch!important}body:has(.about-shell) .hero-copy,.about-frosted-glass{display:flex!important;flex-direction:column!important;justify-content:center!important;width:min(48%,720px)!important;max-width:720px!important;min-height:720px!important;margin:0!important;padding:52px clamp(34px,4.2vw,66px)!important;background:linear-gradient(90deg,rgba(230,241,250,.98) 0%,rgba(226,239,249,.94) 58%,rgba(224,238,248,.68) 82%,rgba(224,238,248,.10) 98%,transparent 100%)!important;backdrop-filter:blur(8px) saturate(108%)!important;-webkit-backdrop-filter:blur(8px) saturate(108%)!important;overflow:hidden!important;box-shadow:none!important;animation:none!important}body:has(.about-shell) .hero-copy>*{max-width:100%!important}body:has(.about-shell) .hero-copy h1{font-size:clamp(48px,4.7vw,68px)!important;line-height:1!important;overflow-wrap:anywhere!important}body:has(.about-shell) .hero-copy .lead,body:has(.about-shell) .hero-motto,body:has(.about-shell) .hero-welcome{max-width:100%!important}body:has(.about-shell) .hero-scroll{display:none!important}body:has(.about-shell) .wrap{width:min(1190px,calc(100% - 40px))!important;max-width:1190px!important;margin-left:auto!important;margin-right:auto!important}
body:has(#support-areas) .cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;width:100%!important}body:has(#support-areas) .card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:570px!important;border:1px solid #dbe7ed!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 38px rgba(7,27,75,.09)!important;overflow:hidden!important}body:has(#support-areas) .card-media{display:block!important;height:210px!important;flex:0 0 210px!important}body:has(#support-areas) .card-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:26px!important}body:has(#support-areas) .card-label{margin-bottom:9px!important;font-size:11px!important;letter-spacing:.14em!important}body:has(#support-areas) .card h3{margin-bottom:12px!important;font-size:23px!important;line-height:1.18!important}body:has(#support-areas) .card p{font-size:15px!important;line-height:1.65!important}body:has(#support-areas) .card p:after{display:block!important;margin-top:18px!important;padding:16px 17px!important;border:1px solid #dbe8ee!important;border-left:5px solid var(--accent,#0797a8)!important;border-radius:14px!important;background:#f7fbfc!important;color:#405a70!important;white-space:pre-line!important;font-size:13.5px!important;line-height:1.55!important;font-weight:700!important}body:has(#support-areas) .card[href*="area=communication"] p:after{content:"WHAT THIS CAN HELP WITH\A Recognising speech, AAC, signs and gestures\A Reducing frustration and guesswork\A Building choice and self-advocacy"}body:has(#support-areas) .card[href*="area=regulation"] p:after{content:"WHAT THIS CAN HELP WITH\A Spotting triggers and early signs\A Planning calmer transitions\A Supporting safe recovery after overwhelm"}body:has(#support-areas) .card[href*="area=learning"] p:after{content:"WHAT THIS CAN HELP WITH\A Adapting pace and presentation\A Using interests to increase engagement\A Helping children show what they know"}body:has(#support-areas) .card[href*="area=individual"] p:after{content:"WHAT THIS CAN HELP WITH\A Building trust with a consistent adult\A Flexible one-to-one planning\A Support shaped around the whole child"}body:has(#support-areas) .card[href*="area=life"] p:after{content:"WHAT THIS CAN HELP WITH\A Breaking routines into manageable steps\A Building independence without pressure\A Protecting dignity, choice and confidence"}body:has(#support-areas) .card[href*="area=home"] p:after{content:"WHAT THIS CAN HELP WITH\A Creating a realistic weekly rhythm\A Connecting learning to everyday life\A Planning around family priorities"}body:has(#support-areas) .card[href*="area=family"] p:after{content:"WHAT THIS CAN HELP WITH\A Turning family knowledge into action\A Agreeing practical priorities together\A Clear feedback and shared next steps"}body:has(#support-areas) .card[href*="area=adulthood"] p:after{content:"WHAT THIS CAN HELP WITH\A Communication and self-advocacy\A Community participation and life skills\A Future choices based on strengths"}body:has(#support-areas) .card-value{display:none!important}body:has(#support-areas) .card-link{margin-top:auto!important;padding-top:20px!important}
body:has(.overview .support-grid) .support-card .icon{display:none!important}body:has(.overview .support-grid) .support-card{min-height:245px!important;padding:34px!important;border-radius:24px!important}body:has(.overview .support-grid) .support-card h3{padding-top:8px!important;margin-bottom:14px!important;font-size:25px!important}body:has(.overview .support-grid) .support-card p,body:has(.overview .support-grid) .support-card li{font-size:16px!important;line-height:1.72!important}body:has(.overview .support-grid) .support-card:after{content:"Practical, child-centred guidance";display:block!important;margin-top:20px!important;padding-top:14px!important;border-top:1px solid #dce8ee!important;color:#31566e!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body>.page,body>.about-shell,body>main{margin-bottom:56px!important}.site-footer,.compass-global-footer,body>footer{position:relative!important;clear:both!important;margin-top:0!important}
@media(max-width:1500px){.site-header .site-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important}.site-header .site-nav{display:none!important;position:absolute!important;top:calc(100% - 1px)!important;left:12px!important;right:12px!important;max-height:calc(100vh - 90px)!important;overflow:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:12px!important;border:1px solid var(--compass-nav-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 55px rgba(7,61,71,.18)!important}.site-header .site-nav.open{display:grid!important}.site-header .site-nav a{justify-content:flex-start!important;padding:10px 12px!important;font-size:13px!important}}
@media(max-width:1050px){body:has(#support-areas) .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){body.compass-navigation-normalised:before{background-size:72vw;opacity:.025}body.home-page .hero .wrap{width:min(100% - 24px,1420px)!important}body.home-page .hero-stage{min-height:700px!important;background-position:58% center!important}body.home-page .hero-panel{top:28px!important;margin-left:18px!important;width:calc(100% - 36px)!important;max-width:none!important}body:has(.about-shell) .page-content>.hero{min-height:760px!important;align-items:flex-end!important}body:has(.about-shell) .hero-media{background-position:65% center!important}body:has(.about-shell) .hero-content{align-items:flex-end!important}body:has(.about-shell) .hero-copy,.about-frosted-glass{width:100%!important;max-width:none!important;min-height:auto!important;margin-top:250px!important;padding:115px 22px 28px!important;background:linear-gradient(180deg,transparent 0%,rgba(225,239,252,.76) 22%,rgba(225,239,252,.98) 54%,rgba(225,239,252,1) 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(max-width:650px){.site-header{min-height:68px!important;padding:7px 12px!important}.site-header .site-brand img{width:48px!important;height:48px!important;max-width:48px!important}.site-header .site-nav{grid-template-columns:1fr!important}.site-header .site-login{font-size:0!important;padding:0 12px!important}.site-header .site-login:after{content:'Login';font-size:12px!important}body.home-page main>.hero{padding-top:14px!important}body.home-page .hero-stage{min-height:720px!important;border-radius:24px!important}body:has(#support-areas) .cards{grid-template-columns:1fr!important}body:has(#support-areas) .card{min-height:0!important}body>.page,body>.about-shell,body>main{margin-bottom:38px!important}}
@media print{.site-header{display:none!important}body.compass-navigation-normalised:before{display:none!important}}

/* Uploaded Welcome hero banner */
body.page-welcome-home .page{width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important}
body.page-welcome-home .compass-hero.compass-hero--welcome{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:1536/699!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff url('/welcomeherobanner.png?v=20260803-welcome') center/cover no-repeat!important}
body.page-welcome-home .compass-hero.compass-hero--welcome .compass-hero__media,
body.page-welcome-home .compass-hero.compass-hero--welcome .compass-hero__inner{display:none!important}
@media(max-width:800px){body.page-welcome-home .compass-hero.compass-hero--welcome{aspect-ratio:1536/699!important;background-size:cover!important;background-position:center!important}}

/* Policy reader: professional dense booklet pages */
body:has(.policy-paper) .policy-page{min-height:0!important;padding-bottom:6px!important}
body:has(.policy-paper) .doc-content{font-size:15.5px!important;line-height:1.6!important}
body:has(.policy-paper) .doc-content h2{margin:16px 0 7px!important;font-size:22px!important}
body:has(.policy-paper) .doc-content h3{margin:12px 0 6px!important;font-size:18px!important}
body:has(.policy-paper) .doc-content p{margin:6px 0 10px!important;line-height:1.6!important}
body:has(.policy-paper) .doc-content ul,body:has(.policy-paper) .doc-content ol{margin:6px 0 11px!important;padding-left:24px!important}
body:has(.policy-paper) .doc-content li{margin:3px 0!important;line-height:1.48!important}
body:has(.policy-paper) .document-control{margin:12px 0 15px!important}
body:has(.policy-paper) .policy-status-banner{margin:12px 0 15px!important}
body:has(.policy-paper) .signature-block{margin-top:14px!important}
body:has(.policy-paper) .page-controls{margin-top:18px!important;padding-top:14px!important}

/* Parent Academy topic cards: equal height and always-visible Explore actions */
.parent-academy-page #topics .pa-scroll{align-items:stretch!important;padding-bottom:18px!important}
.parent-academy-page #topics .pa-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:390px!important;align-self:stretch!important}
.parent-academy-page #topics .pa-card>img{flex:0 0 154px!important}
.parent-academy-page #topics .pa-card .pa-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}
.parent-academy-page #topics .pa-card .pa-card-body>p{flex:1 1 auto!important}
.parent-academy-page #topics .pa-card .pa-card-body>button{margin-top:auto!important;flex:0 0 auto!important}
