/* Public header matches the Academy homepage, including its destinations. */
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
html[lang=en] .academy-header,html[lang=en] .academy-tools button,html[lang=en] .academy-signin{font-family:Poppins,Arial,sans-serif}
.academy-header{position:sticky;top:0;z-index:60;background:#05253e;color:#fff;width:100%;font-family:Tajawal,Arial,sans-serif}
.academy-header-inner{max-width:1320px;margin:auto;min-height:72px;padding:12px 28px;display:flex;align-items:center;gap:28px}
.academy-brand{display:flex;align-items:center;gap:10px;color:#fff;flex-shrink:0;text-decoration:none}.academy-brand img{height:30px;width:auto}.academy-brand b{font-size:16px;font-weight:700;white-space:nowrap}.academy-brand small{display:block;font-size:9px;letter-spacing:.14em;color:#9fd67a;font-weight:700}
.academy-links{display:flex;align-items:center;gap:22px;flex:1}.academy-links a{font-size:14px;font-weight:500;text-decoration:none;color:#e6edf2;white-space:nowrap;padding:7px 0;border-bottom:2px solid transparent}.academy-links a:hover,.academy-links a[aria-current]{border-color:#c4d600;color:#fff}
.academy-tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.academy-tools button,.academy-signin{border:1px solid #ffffff55;color:#fff;border-radius:7px;background:transparent;min-height:36px;padding:5px 11px;font:500 13px Tajawal,Arial,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.academy-tools button:hover{background:#ffffff15}.academy-tools .academy-signin{background:#00877d;border-color:#00877d;font-weight:700}.academy-tools #fields-link{width:36px;padding:0}.academy-tools #academy-menu{display:none;flex-direction:column;gap:4px;width:36px;padding:9px}.academy-tools #academy-menu span{width:16px;height:2px;background:white}.academy-header :focus-visible{outline:2px solid #c4d600;outline-offset:4px}
.hero-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center;margin:18px 0 36px;padding:0!important;min-height:70px;direction:inherit}
.hero-controls button{display:flex!important;align-items:center;gap:12px;width:100%!important;max-width:360px;height:auto!important;min-height:68px;padding:10px 12px;border:1px solid #d8e4e1;border-radius:8px!important;text-align:start;background:#fff;color:#09263b;font-family:inherit;cursor:pointer}.hero-controls button:hover{border-color:#00877d;background:#f0f8f5}.hero-controls #next-sector{justify-self:end;justify-content:flex-end;text-align:end}.sector-destination{display:block;min-width:0}.sector-destination small{display:block;font-size:12px;color:#00877d;margin-bottom:4px}.sector-destination b{display:block;font-size:15px;line-height:1.4;font-weight:500}.hero-controls .sector-arrow{font-family:Arial;font-size:24px;color:#00877d;flex-shrink:0}.hero-controls #hero-position{font-size:12px;color:#526475;white-space:nowrap}
#explore{scroll-margin-top:90px}
@media(max-width:1120px){.academy-header-inner{gap:20px;padding-inline:20px}.academy-links{gap:13px}.academy-links a{font-size:13px}.academy-tools{gap:7px}}
@media(max-width:980px){.academy-header-inner{min-height:68px}.academy-links{display:none;position:absolute;top:100%;left:0;right:0;background:#05253e;padding:12px 22px 24px;box-shadow:0 12px 20px #05253e22}.academy-header.menu-open .academy-links{display:grid;grid-template-columns:1fr;gap:0}.academy-links a{padding:12px 0;font-size:16px}.academy-tools #academy-menu{display:flex}.academy-tools #fields-link{display:none}}
@media(max-width:600px){.academy-header-inner{padding:10px 14px;gap:10px}.academy-brand b{font-size:14px}.academy-brand img{height:28px}.academy-brand small{font-size:8px}.academy-tools{gap:6px}.academy-tools button{padding:4px 8px}.academy-tools .academy-signin{display:none}.hero-controls{gap:10px;margin:14px 14px 26px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-controls button{gap:9px;padding:10px;align-self:stretch;min-height:84px}.hero-controls #hero-position{grid-column:1/-1;grid-row:2;text-align:center}.sector-destination b{font-size:13px}.hero-controls .sector-arrow{font-size:22px}}

.academy-links .academy-mobile-signin{display:none}.detail-content section[id]{scroll-margin-top:92px}@media(max-width:980px){.academy-links .academy-mobile-signin{display:block;color:#9fd67a}}

@media(max-width:980px){.academy-header.menu-open .academy-links{max-height:calc(100dvh - 68px);overflow-y:auto;padding:10px 22px 20px}.academy-links a{display:block;width:100%;padding:14px 4px;border-bottom:1px solid #ffffff20}.academy-links a[aria-current]{color:#c4d600;border-bottom-color:#ffffff20}}

/* The catalogue hero spans the viewport; its controls keep the content rhythm. */
#catalog-screen>.hero{width:100%;border-radius:0}
#catalog-screen>.hero .hero-copy{padding-inline-start:max(32px,calc((100vw - 1180px)/2));padding-inline-end:42px}
#catalog-screen>.hero-controls.wrap{margin-inline:auto!important}
#hero-cta{background:#00877d;color:#fff;transition:background-color .3s ease,color .3s ease}
#hero-cta:hover,#hero-cta:focus-visible{background:#fff;color:#05253e;filter:none}
@media(max-width:720px){#catalog-screen>.hero .hero-copy{padding:30px 20px}#catalog-screen>.hero-controls.wrap{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){#hero-cta{transition:none}}

/* Field navigation must read as controls even without hover. */
.hero-controls button{border:2px solid #00877d;background:#e7f3f0;box-shadow:0 3px 9px #05253e12;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.hero-controls .sector-destination small{color:#006d65;font-size:13px;font-weight:700}
.hero-controls .sector-destination b{font-weight:700}
.hero-controls .sector-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#00877d;border-color:#00877d;color:#fff}
.hero-controls #next-sector{background:#00877d;border-color:#00877d;color:#fff}
.hero-controls #next-sector .sector-destination small{color:#fff}
.hero-controls #next-sector .sector-arrow{background:#fff;border-color:#fff;color:#00877d}
.hero-controls button:hover{background:#d5eae4;border-color:#006d65;box-shadow:0 4px 12px #05253e20}
.hero-controls #next-sector:hover{background:#006d65;border-color:#006d65}
.hero-controls button:focus-visible{outline:3px solid #05253e;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.hero-controls button{transition:none}}
.hero-photo img,.card-photo img{object-position:center 30%}
.card-photo img[src*="food-inspection-v3"],.card-photo img[src*="environment-audit-v3"],.card-photo img[src*="warehouse-training-v3"],.card-photo img[src*="hospitality-training-v3"]{object-position:center 65%}
/* Show the practical task and equipment alongside the people. */
.course-card .card-photo{height:auto;aspect-ratio:3/2}