/* BaseCreate layer choreography, retaining YoungSupport typography and colours. */
.ys-fill-control{--fill:#285640;--bc-motion:.4s cubic-bezier(.5,.75,0,1);isolation:isolate;color:#082f62!important}
.ys-fill-control.ys-fill-sand{--fill:#082f62}
.ys-fill-control .split-char,.ys-fill-control .button__text,.ys-fill-control .button-alt__text,.ys-fill-control .button-alt__icon{transform:none!important;animation:none!important;color:inherit!important}
.ys-bc-clip{position:relative;overflow:hidden!important;border-radius:999px!important;isolation:isolate}
.ys-fill-control .button__bg,.ys-fill-control .button-alt__bg{
 background:transparent!important;border:1.5px solid #082f624d!important;border-radius:999px!important;
 transform:translateY(0) scale(1) rotate(.001deg)!important;
 transition:transform var(--bc-motion),border-color .2s ease-in-out!important;
}
.ys-fill-control .ys-bc-original-text{
 position:relative;z-index:1;transform:translateY(0) scale(1) rotate(.001deg)!important;opacity:1;
 transition:transform var(--bc-motion),opacity var(--bc-motion)!important;
}
.ys-bc-fill{position:absolute;inset:0;z-index:2;background:var(--fill);border-radius:999px;pointer-events:none;
 transform:translateY(100%) scale(.8) rotate(.001deg);transition:transform var(--bc-motion)}
.ys-bc-duplicate-text{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;
 color:#f7f3e9;pointer-events:none;transform:translateY(100%) scale(.8) rotate(.001deg);
 transition:transform var(--bc-motion),opacity var(--bc-motion)}
.ys-fill-control:focus-visible{outline:2px solid #082f62;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .ys-nav-pill .button__bg,.ys-nav-pill .button-alt__bg{border-color:transparent!important}
 .ys-fill-control:hover .button__bg,.ys-fill-control:hover .button-alt__bg{transform:translateY(0) scale(.8) rotate(.001deg)!important}
 .ys-fill-control:hover .ys-bc-original-text{transform:translateY(-10%) scale(.7) rotate(.001deg)!important;opacity:.5}
 .ys-fill-control:hover .ys-bc-fill,.ys-fill-control:hover .ys-bc-duplicate-text{transform:translateY(0) scale(1) rotate(.001deg)}
}
.ys-fill-control:is(:focus-visible,:active) .button__bg,.ys-fill-control:is(:focus-visible,:active) .button-alt__bg{transform:translateY(0) scale(.8) rotate(.001deg)!important}
.ys-fill-control:is(:focus-visible,:active) .ys-bc-original-text{transform:translateY(-10%) scale(.7) rotate(.001deg)!important;opacity:.5}
.ys-fill-control:is(:focus-visible,:active) .ys-bc-fill,.ys-fill-control:is(:focus-visible,:active) .ys-bc-duplicate-text{transform:translateY(0) scale(1) rotate(.001deg)}

:root{--ys-sage:#87a990;--ys-logo-green:#598365;--ys-deep-green:#285640;--ys-cream:#f7f3e9;--ys-navy:#082f62;--ys-sand:#d7b889}
.ys-site-footer__bg .hero__bg,.legal-hero__pattern{color:var(--ys-logo-green)!important}
.ys-fill-control .button-alt__text-wrap,.ys-fill-control .button-alt__icon-wrap{transform:none!important;translate:none!important;rotate:none!important;scale:none!important}
/* Independent page CTAs use the same four layers as the home buttons. */
.ys-bc-simple{position:relative!important;isolation:isolate;overflow:hidden!important;border-radius:999px!important;background:transparent!important;border:0!important;transform:none!important;color:#082f62!important;--fill:#285640;--bc-motion:.4s cubic-bezier(.5,.75,0,1)}
.ys-bc-simple>.button__bg{position:absolute;inset:0;pointer-events:none}
.ys-bc-simple>.ys-bc-original-text{display:flex;align-items:center;justify-content:center;gap:inherit;width:100%;pointer-events:none}
.ys-bc-simple>.ys-bc-duplicate-text{gap:inherit;padding:inherit;box-sizing:border-box}
.ys-bc-simple .ys-bc-duplicate-text *{color:inherit!important}
.ys-bc-simple:is(:disabled,[aria-disabled="true"]){pointer-events:none}
.ys-bc-simple:disabled .ys-bc-fill,.ys-bc-simple:disabled .ys-bc-duplicate-text{visibility:hidden}
.ys-bc-simple:disabled .ys-bc-original-text{opacity:1;transform:none!important}
.ys-mega-menu__panel .ys-bc-simple{color:#f7f3e9!important;--fill:#87a990;background:transparent!important;background-image:none!important}
.ys-mega-menu__panel .ys-bc-simple>.button__bg{border-color:#87a990!important}
.ys-mega-menu__panel .ys-bc-simple>.ys-bc-duplicate-text{color:#082f62}
.ys-mobile-menu-panel .ys-bc-simple,.ys-page-menu__links .ys-bc-simple{background:#f7f3e9!important}
.menu .ys-fill-control .button-alt__text,.menu .ys-fill-control .button-alt__icon{color:inherit!important}
@media(min-width:992px){.legal-header nav .ys-bc-simple{padding:.2em .66em;line-height:1.35}.legal-header nav .ys-bc-simple>.button__bg{border-color:transparent!important}}
@media(prefers-reduced-motion:reduce){.ys-fill-control *{transition:none!important}}
/* Reading areas use sage against cream; logo green stays in decorative areas. */
.legal-hero{background:#f7f3e9!important}
.legal-hero__pattern{color:#87a990!important}
.legal-header{background:#f7f3e9}
.ys-page-menu-open .legal-header{background:transparent}
.ys-page-menu__links .ys-bc-original-text,.ys-page-menu__links .ys-bc-duplicate-text,
.ys-mobile-menu-panel .ys-bc-original-text,.ys-mobile-menu-panel .ys-bc-duplicate-text{justify-content:space-between}
.news-header{background:#f7f3e9}
/* Single text pills: remove the separate arrow segment from the approved CTAs. */
.hero__content > .button-alt .button-alt__icon-wrap,
.header__nav .button-alt .button-alt__icon-wrap,
.menu__login .button-alt .button-alt__icon-wrap,
.ys-site-footer__contact-button .button-alt__icon-wrap,
.ys-site-footer__action-button .button-alt__icon-wrap{display:none!important}
.hero__content > .button-alt,.header__nav .button-alt,.ys-site-footer__contact-button{gap:0!important}
.ys-page-menu__enrol .ys-bc-original-text>span[aria-hidden],
.ys-page-menu__enrol .ys-bc-duplicate-text>span[aria-hidden]{display:none!important}
/* Preserve the full-size sweep; only shift its rounded crest below the edge. */
#contact .ys-site-footer__bg{inset:0!important;transform:none!important}
#contact .ys-site-footer__bg .hero__bg{
 inset:-12% auto auto 12%!important;width:116%!important;height:124%!important;
 transform:none!important;animation:none!important;opacity:.78!important;
}
#contact .ys-site-footer__bg .hero__bg svg{width:100%!important;height:auto!important}
@media(max-width:767px){
 #contact .ys-site-footer__bg .hero__bg{inset:42% auto auto 8%!important;width:84%!important;height:55%!important}
}

/* Inner-page navigation shares the compact text-to-pill treatment. */
@media(min-width:992px){
 .legal-header nav .ys-nav-pill{font-size:16px!important;line-height:1.35!important;min-height:1.75em;padding:.2em .66em!important;background:transparent!important}
 .legal-header nav .ys-nav-pill>.button__bg{border-color:transparent!important}
}

/* Let the About hero pattern continue behind its desktop navigation. */
@media(min-width:992px){
 .ys-about-page:not(.ys-page-menu-open) .legal-header{background:transparent}
}


/* Keep the original artwork and allow its lower curves to cross the section seam. */
.ys-about-page{overflow-x:clip}
.ys-about-page .legal-hero{overflow:visible}
.ys-about-page .legal-hero__pattern{overflow:visible}
.ys-about-page .about-copy{position:relative;z-index:1}

/* Original home footer palette. */
#contact.ys-site-footer__stage { background: #eee7d8 !important; }
footer.ys-site-footer { background: #f7f3e9 !important; }

/* Continue the decorative curves across the hero edges on every inner page. */
.ys-legal-page .legal-hero,
.ys-legal-page .legal-hero__pattern { overflow: visible; }
.ys-legal-page:not(.ys-page-menu-open) .legal-header { background: transparent; }
.ys-legal-page .legal-copy { position: relative; z-index: 1; }