/* Compact, high-contrast information banners and reusable card treatment. */
.page-hero{padding:2.1rem 0 1.8rem!important;background:linear-gradient(135deg,#103e35,#08775f)!important;color:#fff;border:0!important}.page-hero .crumbs,.page-hero p{color:#d4e7df!important}.page-hero .eyebrow{color:#b7f34a!important}.page-hero .page-title{font-size:clamp(2.7rem,5vw,4.4rem);margin:.25rem 0 .5rem}.page-hero .crumbs{padding-top:0;margin-bottom:.65rem}.page-hero p{margin:.25rem 0;max-width:760px;font-size:1.05rem}
/* The contact capture form is a compact white card rather than a large dark block. */
.course-page .application-form{max-width:none;background:#fff;color:#19332e;border:1px solid #d6e2dd;border-top:4px solid #008a6c;box-shadow:0 14px 32px rgba(11,60,50,.11);border-radius:14px;padding:1.5rem}.course-page .application-form .application-intro{color:#587069}.course-page .application-form .form-success{color:#08785e}.course-page .application-form .check{grid-column:1/-1;display:flex;align-items:flex-start;gap:.55rem;font-weight:500}.course-page .application-form .check input{width:auto;margin-top:.3rem}.course-page .application-form .button{border-radius:7px}
/* Courses without an uploaded photo still present a purposeful visual cover. */
.programme-card-top{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(8,56,47,.93),rgba(0,138,108,.87)),url('https://images.unsplash.com/photo-1581093458791-9f3c3900df1b?auto=format&fit=crop&w=900&q=80') center/cover!important}.programme-card-top>*{position:relative;z-index:1}.programme-card{border-radius:14px;overflow:hidden}.update-card{background:#fff;border:1px solid #d6e2dd;border-top:3px solid #103e35;border-radius:14px;padding:0!important;overflow:hidden;box-shadow:0 10px 24px rgba(11,60,50,.08)}.update-card>img,.update-card figure>img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:0}.update-card>p,.update-card>h3,.update-card>a,.update-card>time,.update-card>figcaption{margin-left:1.15rem;margin-right:1.15rem}.update-card>.meta{margin-top:1rem}.update-card>a:last-child{display:block;margin-bottom:1.2rem}.update-card figcaption{padding:1rem 0}.update-card figcaption p{margin:.35rem 0}
@media(max-width:600px){.page-hero{padding:1.5rem 0!important}.course-page .application-form{padding:1.1rem}}
.hero{position:relative;z-index:1}.article-layout{width:min(1320px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:330px minmax(0,850px);gap:3rem}.article-layout .course-page{width:100%;padding-top:3rem}.article-strip{padding-top:4rem;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;position:sticky;top:92px}.article-strip>a{display:grid;grid-template-columns:1fr;gap:.4rem;text-decoration:none;padding:0 0 1rem;margin-bottom:1rem;border-bottom:1px solid #d6e2dd;font-size:1rem;font-weight:700;line-height:1.25}.article-strip img{width:100%;height:150px;object-fit:cover;border-radius:10px;box-shadow:0 7px 16px rgba(11,60,50,.13)}.article-strip a:hover img{filter:brightness(1.06);transform:scale(1.01)}.article-strip small{color:#008a6c;font-size:.78rem}.gallery-page .update-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:1050px){.article-layout{grid-template-columns:260px minmax(0,1fr)}.article-strip img{height:120px}}@media(max-width:900px){.article-layout{width:min(100% - 32px,850px);display:block}.article-strip{display:flex;gap:1rem;overflow-x:auto;max-height:none;position:static;padding:1.2rem 0;scroll-snap-type:x mandatory}.article-strip .eyebrow{display:none}.article-strip>a{flex:0 0 min(290px,75vw);scroll-snap-align:start;margin:0}.article-strip img{height:160px}.article-layout .course-page{padding-top:1rem}}@media(min-width:1200px){.update-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mobile-nav-brand,.mobile-nav-actions{display:none}@media(max-width:700px){.primary-nav .mobile-nav-brand{display:flex;align-items:center;gap:.65rem;padding:.35rem 0 1rem;color:#fff}.mobile-nav-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:5px}.primary-nav .mobile-nav-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:1rem 0}.primary-nav .mobile-nav-actions a{display:block;text-align:center!important;padding:.6rem .2rem!important;border:0!important;background:#b7f34a;color:#082d26;font-size:.78rem;border-radius:5px}.primary-nav .mobile-nav-actions a:nth-child(2){background:#e4f0eb}.primary-nav .mobile-nav-actions a:nth-child(3){background:#25d366}}
.about-expanded{display:grid;gap:2rem}.about-expanded>.cards article{background:#fff;border:1px solid #d6e2dd;border-radius:12px;padding:1.4rem;box-shadow:0 8px 20px rgba(11,60,50,.07)}body:has(.hero) main{display:flex;flex-direction:column}body:has(.hero) main>#programmes{order:1}body:has(.hero) main>#programmes+section{order:2}body:has(.hero) main>section:nth-of-type(1){order:3}body:has(.hero) main>section:nth-of-type(2){order:4}body:has(.hero) main>section:nth-of-type(3){order:5}body:has(.hero) main>.contact-band{order:6}
.about-story{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:stretch}.about-story>div{background:#fff;border:1px solid #d6e2dd;border-radius:14px;padding:2rem}.about-story aside{background:linear-gradient(145deg,#103e35,#08775f);color:#fff;border-radius:14px;padding:2rem}.about-story aside .eyebrow{color:#b7f34a!important}.about-story aside p:not(.eyebrow){color:#d9e9e4}.about-story h3{font:400 2rem/1.08 'DM Serif Display',Georgia,serif;margin:.35rem 0 1rem}.about-pillars article{border-top:4px solid #008a6c!important}@media(max-width:750px){.about-story{grid-template-columns:1fr}.about-story>div,.about-story aside{padding:1.4rem}}
/* Home is intentionally a focused conversion path: hero, programmes, gallery, contact. */
body:has(.hero) main>section:nth-of-type(2),body:has(.hero) main>section:nth-of-type(3),body:has(.hero) main>section:nth-of-type(4){display:none}body:has(.hero) main>section.hero{order:0!important}body:has(.hero) main>#programmes{order:1}body:has(.hero) main>#programmes+section{order:2}body:has(.hero) main>.contact-band{order:3}.updates-rail{z-index:7!important}.hero{z-index:1}
/* Vivid, consistent boundaries help each home section read as a distinct destination. */
.section{border-bottom:5px solid #008a6c!important}.contact-band{border-top:5px solid #b7f34a}.site-footer{border-top:5px solid #008a6c}.section-head{border-left:5px solid #008a6c;padding-left:1rem}.hero{border-bottom:5px solid #008a6c}
/* Gallery is deliberately image-first, with larger viewport-aware tiles. */
body:has(.hero) main>#programmes+section .update-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}body:has(.hero) main>#programmes+section .update-card>img{aspect-ratio:4/3;min-height:300px;object-fit:cover}body:has(.hero) main>#programmes+section .update-card figcaption{font-size:1.05rem}@media(max-width:700px){body:has(.hero) main>#programmes+section .update-grid{grid-template-columns:1fr}body:has(.hero) main>#programmes+section .update-card>img{min-height:260px}}
/* Article navigation and the open article have visibly separate, card-like surfaces. */
.article-layout{align-items:start;background:linear-gradient(135deg,#103e35,#08775f);padding:2rem;border-radius:18px;margin-top:2rem;margin-bottom:3rem}.article-strip{background:rgba(255,255,255,.13);border:1px solid rgba(183,243,74,.55);border-radius:14px;padding:1.2rem!important}.article-strip .eyebrow{color:#b7f34a!important}.article-strip>a{background:#f4f7f6;border:1px solid rgba(255,255,255,.45);border-radius:10px;padding:.7rem!important;color:#19332e}.article-strip>a:hover{background:#fff;border-color:#b7f34a;box-shadow:0 8px 18px rgba(0,0,0,.16)}.article-layout .blog-post{background:#f4f7f6;border:1px solid #fff;border-left:7px solid #b7f34a;border-radius:12px;padding:3rem!important;box-shadow:inset 0 0 0 8px rgba(255,255,255,.55),0 14px 32px rgba(0,0,0,.18)}.article-layout .blog-post .blog-content{background:#fff;border:1px solid #d6e2dd;border-radius:9px;padding:1.5rem;box-shadow:inset 0 1px 3px rgba(11,60,50,.06)}@media(max-width:900px){.article-layout{width:100%;border-radius:0;padding:1rem 0}.article-strip{border-left:0;border-right:0;border-radius:0;margin:0;padding-left:16px!important}.article-layout .blog-post{border-left:0;border-top:7px solid #b7f34a;border-radius:0;padding:1.5rem!important}}
.gallery-page{max-width:1280px!important;padding-top:3rem}.gallery-page .update-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.gallery-page .update-card{border-radius:16px;min-height:0}.gallery-page .update-card img,.gallery-page .update-card video{display:block;width:100%;height:clamp(300px,34vw,470px);aspect-ratio:auto;object-fit:cover}.gallery-page .update-card figcaption{padding:1.2rem}.gallery-page .update-card figcaption strong{font:400 1.5rem/1.1 'DM Serif Display',Georgia,serif}.gallery-page .update-card figcaption p{font-size:.95rem}.gallery-page .update-card:nth-child(3n){grid-column:span 2}.gallery-page .update-card:nth-child(3n) img,.gallery-page .update-card:nth-child(3n) video{height:clamp(340px,42vw,560px)}@media(max-width:700px){.gallery-page{padding-top:2rem}.gallery-page .update-grid{grid-template-columns:1fr;gap:1.25rem}.gallery-page .update-card:nth-child(3n){grid-column:auto}.gallery-page .update-card img,.gallery-page .update-card video,.gallery-page .update-card:nth-child(3n) img,.gallery-page .update-card:nth-child(3n) video{height:300px}}
/* Official NHEYOTECH badge shown over article imagery across cards and article navigation. */
.blog-cards article,.update-card,.rail-card,.article-strip>a{position:relative}.blog-cards article:after,.update-card:after,.rail-card:after,.article-strip>a:after{content:"";position:absolute;z-index:3;top:10px;right:10px;width:34px;height:34px;border-radius:6px;background:#fff url('/images/logo.png') center/contain no-repeat;box-shadow:0 3px 10px rgba(0,0,0,.28);pointer-events:none}.rail-card:after{width:27px;height:27px;top:7px;right:7px}.article-strip>a:after{width:30px;height:30px;top:9px;right:9px}
