
/* Academy hub and on-request professional learning — scoped to these pages only.
   Roboto, genuine Sanabil imagery, no new photographic assets. */
.academy-programmes-page,
.academy-workshop-page{font-family:Roboto,Arial,sans-serif;color:#14353d;background:#fff}
.academy-programmes-page h1,.academy-programmes-page h2,.academy-programmes-page h3,
.academy-workshop-page h1,.academy-workshop-page h2,.academy-workshop-page h3{
 font-family:Roboto,Arial,sans-serif;letter-spacing:-.032em;line-height:1.2
}
.academy-programmes-page a:focus-visible,.academy-workshop-page a:focus-visible{
 outline:3px solid #217c9e;outline-offset:4px
}
.academy-container{width:min(1180px,88%);margin-inline:auto}
.academy-eyebrow{margin:0 0 17px;color:#188b7d;letter-spacing:.18em;font-size:.74rem;font-weight:800}
.academy-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(116deg,#fff 12%,#f3fbf9 57%,#eef4ff 100%);
 border-bottom:1px solid #e5efed
}
.academy-hero:after{
 content:"";position:absolute;z-index:-1;right:-12%;top:-36%;width:620px;height:620px;
 border:1px solid rgba(36,147,148,.13);border-radius:50%;
 box-shadow:0 0 0 92px rgba(62,146,175,.025),0 0 0 186px rgba(69,91,169,.024);
 pointer-events:none
}
.academy-hero-inner{
 min-height:535px;padding-block:76px 78px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);
 align-items:center;gap:90px
}
.academy-hero h1{font-weight:750;font-size:clamp(2.55rem,4.15vw,4.25rem);max-width:790px;color:#0d3948;margin:0 0 23px}
.academy-hero h1 span{display:block;background:linear-gradient(100deg,#167c78,#4565b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.academy-hero-lead{font-size:1.1rem;color:#3e5762;line-height:1.75;margin:0;max-width:690px}
.academy-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.academy-btn{
 min-height:48px;display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:12px 20px;
 border-radius:9px;font-size:.94rem;font-weight:750;text-align:center;transition:transform .18s,box-shadow .18s
}
.academy-btn:hover{transform:translateY(-2px)}
.academy-btn-primary{color:#fff!important;background:linear-gradient(110deg,#1b9b8e,#5363c9);box-shadow:0 6px 19px rgba(31,107,131,.17)}
.academy-btn-outline{color:#285d79!important;border:1px solid #9eb9cb;background:#fff}
.academy-btn span{font-size:1.15rem;font-weight:500}
.academy-hero-side{
 padding:23px 27px;background:rgba(255,255,255,.8);
 border:1px solid #e0eced;box-shadow:0 20px 45px rgba(18,75,78,.07);
 border-radius:20px;display:grid;gap:5px
}
.academy-side-heading{font-weight:800;letter-spacing:.13em;font-size:.69rem;color:#65808b;padding-bottom:13px}
.academy-side-row{display:flex;align-items:center;gap:18px;padding:10px 0;border-top:1px solid #edf1f2;font-size:1.15rem;font-weight:750}
.academy-side-row img{width:54px;height:57px;object-fit:contain;flex:none}
.academy-side-knowledge{color:#176d50}
.academy-side-character{color:#ac772d}
.academy-side-wisdom{color:#2b5fa2}
.academy-programmes{padding:82px 0 98px;scroll-margin-top:110px}
.academy-section-header{text-align:center;max-width:790px;margin:0 auto 40px}
.academy-section-header h2{font-size:clamp(1.9rem,3.15vw,2.8rem);color:#103f4e;margin:0 0 13px}
.academy-section-header p:not(.academy-eyebrow){color:#576a75;line-height:1.7;margin:0 auto;font-size:1.04rem}
.academy-programme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.academy-programme-card{
 --accent:#1a806c;--muted-accent:#f1faf5;--card-border:#dbece5;
 display:flex;flex-direction:column;min-width:0;
 background:#fff;border:1px solid var(--card-border);border-radius:17px;overflow:hidden;
 box-shadow:0 13px 34px rgba(18,66,73,.065);transition:transform .18s,box-shadow .18s;
}
.academy-programme-card:hover{transform:translateY(-3px);box-shadow:0 19px 40px rgba(18,66,73,.1)}
.academy-tone-knowledge{--accent:#187557;--muted-accent:#f2faf5;--card-border:#dbece1}
.academy-tone-character{--accent:#a87427;--muted-accent:#fffaef;--card-border:#f0e4cf}
.academy-tone-wisdom{--accent:#2c5da7;--muted-accent:#f2f7ff;--card-border:#dbe6f5}
.academy-tone-tomorrow{--accent:#008886;--muted-accent:#f0fbfa;--card-border:#d2edeb}
.academy-tone-professional{--accent:#126e73;--muted-accent:#eff8fa;--card-border:#d8eaec}
.academy-card-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 0;gap:10px}
.academy-card-pillar{color:var(--accent);font-weight:800;font-size:.72rem;letter-spacing:.115em;text-transform:uppercase}
.academy-card-number{font-size:.75rem;color:#a3b3b5;font-variant-numeric:tabular-nums}
.academy-card-art{
 height:166px;margin:17px 20px 0;border-radius:12px;
 background:linear-gradient(135deg,#fff,var(--muted-accent));
 display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden
}
.academy-card-art img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.academy-art-wordmark img{max-width:92%;max-height:93px}
.academy-art-cover img{max-height:144px;box-shadow:0 5px 13px rgba(18,45,56,.10)}
.academy-art-traveller img{max-width:92%;max-height:104px}
.academy-art-mantiq img{max-height:132px}
.academy-art-sanabil img{max-height:121px}
.academy-card-main{padding:20px 23px 8px;flex:1}
.academy-card-tag{color:var(--accent);font-size:.78rem;font-weight:750;letter-spacing:.01em;margin:0 0 9px}
.academy-card-main h3{color:#183d48;font-size:1.25rem;font-weight:750;line-height:1.32;min-height:2.65em;margin:0 0 11px}
.academy-card-description{font-size:.95rem;line-height:1.69;color:#566873;margin:0 0 16px}
.academy-card-action{
 color:var(--accent)!important;display:flex;align-items:center;justify-content:space-between;gap:10px;
 border-top:1px solid var(--card-border);margin:12px 23px 0;padding:15px 0 19px;
 font-size:.92rem;font-weight:800
}
.academy-card-action span{font-size:1.18rem}
.academy-more{background:linear-gradient(104deg,#f2faf8,#f1f5ff);border-block:1px solid #e5eeee;padding:49px 0 56px}
.academy-more-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}
.academy-more h2{font-size:clamp(1.7rem,2.7vw,2.25rem);margin:0 0 12px;color:#134953}
.academy-more p:not(.academy-eyebrow){margin:0;line-height:1.72;max-width:620px;color:#4a656c}
.academy-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.academy-more-links a{
 display:flex;align-items:center;justify-content:space-between;padding:15px 17px;
 border:1px solid #dbe7e9;border-radius:9px;background:#fff;color:#166e72!important;font-weight:750
}
/* On-request workshop detail page */
.academy-workshop-back{padding-top:21px}
.academy-workshop-back a{color:#286d70;font-weight:650;font-size:.9rem}
.academy-workshop-hero{padding:50px 0 80px;background:linear-gradient(117deg,#fff 5%,#f0faf8 63%,#eaf4f8)}
.academy-workshop-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:80px;align-items:center}
.academy-workshop-availability{
 display:inline-flex;background:#e2f4ef;border:1px solid #cce8df;color:#166d5e;
 font-size:.83rem;font-weight:800;padding:9px 14px;border-radius:50px;margin-bottom:21px
}
.academy-workshop-hero h1{font-weight:760;font-size:clamp(2.8rem,4.8vw,4.8rem);color:#123d4d;line-height:1.11;margin:0 0 22px}
.academy-workshop-hero h1 span{color:#118876}
.academy-workshop-tagline{font-size:1.21rem;font-weight:750;line-height:1.55;color:#16615c;margin:0 0 16px}
.academy-workshop-intro{font-size:1.04rem;color:#45626b;line-height:1.77;margin:0}
.academy-workshop-side{
 border:1px solid #d4e8e5;border-radius:22px;min-height:325px;
 padding:36px;background:linear-gradient(138deg,#fff,#e9f6f3);text-align:center;
 display:flex;flex-direction:column;align-items:center;justify-content:center
}
.academy-workshop-side img{width:90px;height:90px;object-fit:contain;margin:0 0 12px}
.academy-workshop-side-label{font-size:.71rem;letter-spacing:.145em;font-weight:800;color:#408078;margin:8px 0 12px}
.academy-workshop-side h2{font-size:2.05rem;color:#124d4d;margin:0 0 16px}
.academy-workshop-side p:not(.academy-workshop-side-label){font-size:.98rem;color:#526b71;line-height:1.6;margin:0}
.academy-workshop-side-availability{background:#167d72;color:#fff;padding:11px 20px;border-radius:30px;font-size:.82rem;font-weight:750;margin-top:23px}
.academy-workshop-content{padding:74px 0 86px;scroll-margin-top:100px}
.academy-workshop-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.academy-workshop-topic{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid #e0ecea;border-radius:14px;background:#fff}
.academy-workshop-num{font-size:1.65rem;color:#208b82;font-weight:800;line-height:1.1;flex:none}
.academy-workshop-topic h3{font-size:1.09rem;font-weight:800;color:#1a4a53;margin:2px 0 9px}
.academy-workshop-topic p{font-size:.92rem;line-height:1.66;color:#586e74;margin:0}
.academy-workshop-facilitator{background:#f5fafb;padding:70px 0}
.academy-workshop-facilitator-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}
.academy-workshop-facilitator h2{font-size:2.18rem;color:#123f4f}
.academy-workshop-role{color:#137f77!important;font-weight:750!important}
.academy-workshop-facilitator p:not(.academy-eyebrow){font-size:1rem;color:#4a646b;line-height:1.77}
.academy-workshop-contact-card{padding:33px;background:#fff;border:1px solid #daebed;border-radius:15px;box-shadow:0 15px 37px rgba(18,74,83,.06)}
.academy-workshop-contact-card h3{font-size:1.43rem;color:#154653}
.academy-workshop-contact-card p{font-size:.96rem}
.academy-workshop-contact-email{font-size:.9rem!important;color:#327b80!important;margin-top:15px}
@media(max-width:1050px){
 .academy-hero-inner{gap:45px}
 .academy-programme-grid,.academy-workshop-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .academy-workshop-hero-grid,.academy-workshop-facilitator-grid{gap:38px}
}
@media(max-width:740px){
 .academy-container{width:88%}
 .academy-hero-inner{grid-template-columns:1fr;gap:34px;padding-block:54px}
 .academy-hero h1{font-size:clamp(2.25rem,8vw,3.1rem)}
 .academy-hero-side{max-width:520px;width:100%}
 .academy-programmes{padding:61px 0 74px}
 .academy-programme-grid{grid-template-columns:1fr}
 .academy-card-art{height:155px}
 .academy-card-main h3{min-height:unset}
 .academy-more-inner{grid-template-columns:1fr;gap:25px}
 .academy-workshop-hero{padding:36px 0 60px}
 .academy-workshop-hero-grid,.academy-workshop-facilitator-grid{grid-template-columns:1fr}
 .academy-workshop-hero h1{font-size:clamp(2.5rem,9vw,3.6rem)}
 .academy-workshop-topics{grid-template-columns:1fr}
 .academy-workshop-content{padding:58px 0}
 .academy-workshop-facilitator{padding:55px 0}
}
@media(max-width:420px){
 .academy-hero-actions{flex-direction:column;align-items:stretch}
 .academy-btn{width:100%}
 .academy-more-links{grid-template-columns:1fr}
}
