/* Search-led, youth-facing refinement */
.site-header{background:var(--navy);border-bottom-color:rgba(255,255,255,.12)}
.site-header nav a{color:white}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--volt)}
.home-hero h1{font-size:clamp(3.7rem,6.8vw,7.4rem)}
.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,6vw,6rem);overflow:visible}
.home-hero .hero-copy{padding:0}
.home-hero .hero-board{min-height:520px;background:var(--navy);color:white;box-shadow:14px 14px 0 white;padding:clamp(2rem,3.5vw,3.5rem);font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.9}
.home-hero .hero-board span:nth-child(2n){color:var(--orange)}
.home-hero .hero-board strong{border-top-color:white;color:var(--volt)}
.hero-copy .strapline{font:700 clamp(1.25rem,2vw,1.8rem)/1.2 "Space Grotesk";color:var(--navy);margin:.2rem 0 .9rem}
.sector-stories{display:grid;grid-template-columns:1.15fr .8fr .8fr;background:white;align-items:stretch;gap:1.2rem;padding:clamp(3rem,6vw,6rem)}
.sector-intro{padding-right:clamp(1rem,3vw,3rem)}
.sector-intro h2{font-size:clamp(3rem,5vw,5.4rem)}
.sector-intro>p:not(.kicker){color:var(--slate)}
.sector-card{padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:430px}
.sector-card span{font-weight:800;letter-spacing:.12em;font-size:.72rem}
.sector-card h3{font-size:clamp(2.6rem,4vw,4.6rem);margin:auto 0 1rem}
.sector-card p{font-weight:700}
.sector-card.gaming{background:var(--volt)}
.sector-card.beauty{background:var(--orange);color:white}
.page-hero.orange .page-intro h1 em{color:white}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card-grid .info-card{padding:clamp(1.25rem,1.8vw,2rem)}
.card-grid .info-card h3{font-size:clamp(1.35rem,1.7vw,1.7rem);line-height:1.05}
.legal-page{background:var(--warm)}
.legal-hero{background:var(--volt);padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,7vw,7rem)}
.legal-hero.safeguarding{background:white}
.legal-hero h1{max-width:900px;margin-bottom:1rem}
.legal-hero>p:last-child{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:720px;margin:0}
.legal-copy{max-width:920px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1.5rem,4vw,3rem)}
.legal-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:2.8rem 0 1rem}
.legal-copy p,.legal-copy li{font-size:1.05rem}
.legal-copy li+li{margin-top:.55rem}
.legal-copy a{font-weight:700;text-decoration-color:var(--orange);text-underline-offset:3px}
.cookie-notice{position:fixed;z-index:100;left:1rem;right:1rem;bottom:1rem;max-width:1100px;margin:auto;background:white;color:var(--navy);border:2px solid var(--navy);box-shadow:8px 8px 0 var(--volt);padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.cookie-notice p{margin:0;max-width:700px;font-size:.92rem;line-height:1.45}
.cookie-notice>div{display:flex;gap:.65rem;flex:0 0 auto}
.cookie-notice .button{border:0;cursor:pointer;min-height:44px;padding:.7rem 1rem}
.accessibility-button{position:fixed;right:1rem;bottom:1rem;z-index:90;border:2px solid white;background:var(--navy);color:white;box-shadow:5px 5px 0 var(--orange);padding:.65rem .8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}
.accessibility-button span{display:grid;place-items:center;background:var(--volt);color:var(--navy);font-weight:900;width:2rem;height:2rem}
.accessibility-button b{font-size:.85rem}
.accessibility-panel{position:fixed;right:1rem;bottom:5.6rem;z-index:95;width:min(360px,calc(100vw - 2rem));max-height:calc(100vh - 7rem);overflow:auto;background:white;color:var(--navy);border:2px solid var(--navy);box-shadow:8px 8px 0 var(--orange);padding:1rem}
.accessibility-panel[hidden]{display:none}
.accessibility-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:.8rem}
.accessibility-heading h2{font-size:1.3rem;margin:0}
.accessibility-heading button{font-size:1.8rem;line-height:1;border:0;background:transparent;cursor:pointer}
.accessibility-panel>button,.accessibility-control button{border:2px solid var(--navy);background:white;color:var(--navy);font:700 .95rem Inter,sans-serif;padding:.65rem .75rem;cursor:pointer}
.accessibility-panel>button{width:100%;text-align:left;margin-top:.5rem}
.accessibility-panel button[aria-pressed="true"]{background:var(--navy);color:white}
.accessibility-control{border:0;padding:0;margin:0 0 .4rem;font-weight:800}
.accessibility-control legend{padding:0;margin-bottom:.45rem}
.accessibility-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}
.accessibility-control button{min-width:0}
.accessibility-panel .a11y-reset{background:var(--volt);text-align:center}
html[data-text-size="90"]{font-size:90%}
html[data-text-size="100"]{font-size:100%}
html[data-text-size="110"]{font-size:110%}
html[data-text-size="125"]{font-size:125%}
html[data-text-size="150"]{font-size:150%}
html[data-text-size="200"]{font-size:200%}
body.high-contrast{--navy:#000;--deep:#000;--orange:#ffdf00;--volt:#ffdf00;--warm:#fff;--slate:#111;--line:#000}
body.reduce-colours{--navy:#171717;--deep:#000;--orange:#575757;--volt:#d7d7d7;--warm:#f4f4f4;--slate:#4c4c4c;--line:#555}
body.reduce-colours img{filter:grayscale(1)}
body.underline-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
body.readable-font,body.readable-font h1,body.readable-font h2,body.readable-font h3,body.readable-font .button{font-family:Arial,sans-serif!important;letter-spacing:normal}
.form-wrap{max-width:820px;margin:0 auto;padding:clamp(2.5rem,6vw,6rem) 1.5rem}
.contact-form{background:white;border:2px solid var(--navy);box-shadow:10px 10px 0 var(--volt);padding:clamp(1.25rem,4vw,3rem);display:grid;gap:1.2rem}
.contact-form label,.contact-form legend{font-weight:800;color:var(--navy)}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:2px solid var(--navy);background:white;color:var(--navy);font:inherit;padding:.85rem .9rem;margin-top:.4rem}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:4px solid var(--volt);outline-offset:2px}
.contact-form fieldset{border:2px solid var(--navy);padding:1rem;display:grid;gap:.6rem}
.contact-form .check{display:flex;align-items:flex-start;gap:.65rem;font-weight:600}
.contact-form .check input{width:1.2rem;height:1.2rem;margin:.15rem 0 0;flex:0 0 auto;accent-color:var(--orange)}
.form-note{color:var(--slate);font-size:.92rem;margin:0}
.form-status{background:var(--volt);color:var(--navy);font-weight:800;padding:1rem;margin:0}
@media(max-width:1050px){.site-header nav{background:var(--navy)}.home-hero{grid-template-columns:1fr;padding-bottom:5rem}.home-hero .hero-board{min-height:430px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-stories{grid-template-columns:1fr 1fr}.sector-intro{grid-column:1/-1}}
@media(max-width:700px){.home-hero{padding:3rem 1.25rem 4rem}.home-hero .hero-board{min-height:360px;box-shadow:8px 8px 0 white;padding:2rem;font-size:clamp(2rem,12vw,3.4rem)}.card-grid{grid-template-columns:1fr}.card-grid .info-card{padding:1.35rem}.sector-stories{grid-template-columns:1fr}.sector-intro{grid-column:auto}.sector-card{min-height:330px}.cookie-notice{align-items:stretch;flex-direction:column}.cookie-notice>div{flex-direction:column}.cookie-notice .button{width:100%}.accessibility-button b{display:none}.accessibility-panel{bottom:5rem}}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.profession-grid{margin-top:2.4rem}
.profession-card{display:flex;flex-direction:column;min-height:330px}
.profession-card .kicker{min-height:2.3em;margin-bottom:1rem}
.profession-card .text-link{margin-top:auto;align-self:flex-start}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.news-card{background:white;border:1px solid var(--line);display:flex;flex-direction:column}
.news-card img{width:100%;height:245px;object-fit:cover}
.news-card>div{padding:1.6rem;display:flex;flex-direction:column;flex:1}
.news-card h2{font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.02}
.news-card h2 a{text-decoration:none}
.news-card p:not(.kicker){color:var(--slate)}
.news-card .text-link{margin-top:auto;align-self:flex-start}
.compact-form,.research-form{display:grid;gap:.9rem}
.compact-form label,.research-form label{font-weight:800}
.compact-form input,.research-form input{display:block;width:100%;margin-top:.35rem;border:2px solid var(--navy);padding:.8rem;font:inherit;background:white;color:var(--navy)}
.status-card .compact-form label{color:white}
.compact-form .button,.research-form .button{border:0;cursor:pointer}
.article-page{background:white;padding-bottom:clamp(4rem,8vw,8rem)}
.article-header{max-width:1100px;margin:auto;padding:clamp(3rem,7vw,7rem) clamp(1.5rem,4vw,3rem) 2.5rem}
.article-header h1{font-size:clamp(3rem,6.2vw,6.5rem)}
.article-lead{font-size:clamp(1.1rem,1.7vw,1.4rem);max-width:860px;color:var(--slate)}
.article-hero{width:min(1320px,calc(100% - 3rem));height:clamp(300px,56vw,700px);object-fit:cover;margin:0 auto;box-shadow:12px 12px 0 var(--volt)}
.article-content,.article-footer{max-width:820px;margin:clamp(3rem,6vw,6rem) auto 0;padding:0 1.5rem}
.article-content p,.article-content li{font-size:1.08rem;color:#334050}
.article-content h2{font-size:clamp(2rem,3.5vw,3rem);margin-top:2.6rem}
.article-content h3{font-size:1.55rem;margin-top:2rem}
.article-content a{font-weight:700;text-decoration-color:var(--orange);text-underline-offset:3px}
.article-content blockquote{margin:2.4rem 0;padding:1.5rem 1.8rem;border-left:6px solid var(--orange);background:var(--warm);font:600 1.25rem/1.5 "Space Grotesk"}
.article-footer{border-top:2px solid var(--navy);padding-top:1.5rem}
.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.5rem}
.stat-card{background:var(--warm);border-top:8px solid var(--orange);padding:clamp(1.5rem,3vw,2.5rem)}
.stat-card strong{display:block;font:700 clamp(2.8rem,4vw,4.6rem)/1 "Space Grotesk";color:var(--navy);margin-bottom:1rem}
.stat-card h3{font-size:1.35rem;line-height:1.08}
.stat-card p{color:var(--slate)}
.stat-card a{font-weight:700;font-size:.88rem}
.paper-meta{font-weight:800;color:var(--orange)}
.download-link[hidden]{display:none}
@media(max-width:1050px){.news-grid,.impact-grid{grid-template-columns:1fr 1fr}.profession-grid .profession-card:last-child{grid-column:1/-1}.three-grid{grid-template-columns:1fr 1fr}.three-grid .info-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.news-grid,.impact-grid,.three-grid{grid-template-columns:1fr}.profession-grid .profession-card:last-child,.three-grid .info-card:last-child{grid-column:auto}.profession-card{min-height:0}.news-card img{height:220px}.article-hero{width:calc(100% - 2rem);box-shadow:7px 7px 0 var(--volt)}}
.site-header nav{gap:clamp(.45rem,1vw,1rem)}
.nav-group{position:relative;display:flex;align-items:center}
.submenu-toggle{border:0;background:transparent;color:white;padding:.35rem .15rem .35rem .3rem;cursor:pointer;font-size:1rem;line-height:1}
.submenu{position:absolute;display:none;top:100%;left:0;min-width:245px;background:var(--navy);border:1px solid rgba(255,255,255,.18);box-shadow:8px 8px 0 var(--orange);padding:.65rem;z-index:60}
.submenu a{display:block!important;padding:.65rem .75rem!important;color:white!important;white-space:normal!important;line-height:1.25}
.submenu a:hover,.submenu a:focus{background:var(--volt);color:var(--navy)!important}
@media(min-width:1051px){.nav-group:hover .submenu,.nav-group:focus-within .submenu,.nav-group.submenu-open .submenu{display:block}}
@media(max-width:1050px){.site-header nav{max-height:calc(100vh - 88px);overflow:auto}.nav-group{display:grid;grid-template-columns:1fr auto}.submenu-toggle{padding:.65rem;min-width:44px}.submenu{position:static;grid-column:1/-1;min-width:0;box-shadow:none;border:0;border-left:3px solid var(--orange);margin:.2rem 0 .6rem .5rem;padding:.2rem .6rem;background:rgba(255,255,255,.05)}.nav-group.submenu-open .submenu{display:block}.submenu a{font-size:.92rem!important}}
html[data-text-size="125"] .site-header nav,html[data-text-size="150"] .site-header nav,html[data-text-size="200"] .site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:1rem 1.5rem 2rem;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.15);max-height:calc(100vh - 88px);overflow:auto}
html[data-text-size="125"] .site-header nav.open,html[data-text-size="150"] .site-header nav.open,html[data-text-size="200"] .site-header nav.open{display:flex}
html[data-text-size="125"] .menu-button,html[data-text-size="150"] .menu-button,html[data-text-size="200"] .menu-button{display:block}
html[data-text-size="125"] .nav-group,html[data-text-size="150"] .nav-group,html[data-text-size="200"] .nav-group{display:grid;grid-template-columns:1fr auto}
html[data-text-size="125"] .nav-group .submenu,html[data-text-size="150"] .nav-group .submenu,html[data-text-size="200"] .nav-group .submenu{position:static;grid-column:1/-1;min-width:0;box-shadow:none;border:0;border-left:3px solid var(--orange);margin:.2rem 0 .6rem .5rem;padding:.2rem .6rem;background:rgba(255,255,255,.05)}
html[data-text-size="125"] .nav-group.submenu-open .submenu,html[data-text-size="150"] .nav-group.submenu-open .submenu,html[data-text-size="200"] .nav-group.submenu-open .submenu{display:block}
