.program-page{--page-dark:#123047;--page-main:#235a73;--page-accent:#ffe3a3;--page-soft:#eef6fa;--page-ink:#17465d;--program-navy:#0b2a4a;--program-blue:#1769e0;--program-green:#138a72;--program-gold:#f4b942;color:#1c3148;background:#f7f9fc}.program-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#082d50 0%,#0f5fae 67%,#0b856f 100%)}.program-hero:before,.program-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.program-hero:before{width:360px;height:360px;right:-80px;top:-230px}.program-hero:after{width:230px;height:230px;right:22%;bottom:-190px}.program-hero--award{background:linear-gradient(120deg,#092d55,#165eae 65%,#986b08)}.program-hero--hsc{background:linear-gradient(120deg,#112d55,#3154a0 62%,#6b46a5)}.program-hero--eminent{background:linear-gradient(120deg,#162b48,#78551b 58%,#9b6d08)}.program-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,760px);align-items:center;gap:24px;padding-top:56px;padding-bottom:56px}.program-icon{display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:rgba(255,255,255,.13);box-shadow:0 16px 34px rgba(0,0,0,.15);font-size:2.25rem}.program-eyebrow,.section-kicker{display:block;margin-bottom:8px;color:#f8ca53;font-size:.73rem;font-weight:800;letter-spacing:.16em}.program-hero h1{max-width:850px;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.035em}.program-hero p{max-width:720px;margin:12px 0 0;color:#dbeafe;font-size:1.02rem;line-height:1.7}.program-hero .program-level{display:inline-flex;margin:10px 0 0;padding:5px 11px;border-radius:999px;color:#0b2a4a;background:#f4c955;font-size:.8rem;font-weight:900;line-height:1}.program-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:50px;padding-top:54px;padding-bottom:54px}.program-copy{max-width:820px}.section-kicker{color:#137563}.program-copy h2,.section-heading h2{margin:0 0 18px;color:#0b2a4a;font-size:clamp(1.65rem,3vw,2.3rem);font-weight:800;letter-spacing:-.025em}.program-copy p{margin:0 0 14px;color:#40556b;font-size:.98rem;line-height:1.85}.program-highlights{align-self:start;padding:25px;border:1px solid #dce6ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(11,42,74,.08)}.program-highlights h3{margin:0 0 16px;color:#0b2a4a;font-size:1.05rem;font-weight:800}.program-highlights ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.program-highlights li{display:flex;gap:10px;align-items:flex-start;color:#40556b;font-size:.91rem;font-weight:650}.program-highlights i{margin-top:2px;color:#159270}.program-gallery-section{padding:50px 0 62px;border-top:1px solid #e3eaf1;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.image-count{flex:none;padding:7px 11px;border-radius:999px;color:#175d91;background:#eaf3fb;font-size:.75rem;font-weight:800}.program-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.program-photo{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;padding:0;border:0;border-radius:15px;background:#dce6ef;box-shadow:0 8px 20px rgba(11,42,74,.1);cursor:pointer}.program-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.program-photo span{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:9px;color:#fff;background:rgba(4,24,43,.78);font-size:.78rem;font-weight:750;opacity:0;transform:translateY(6px);transition:.25s ease}.program-photo:hover img,.program-photo:focus-visible img{transform:scale(1.045)}.program-photo:hover span,.program-photo:focus-visible span{opacity:1;transform:none}.program-photo:focus-visible{outline:3px solid #f4b942;outline-offset:3px}.program-empty{grid-column:1/-1;padding:55px 20px;border:2px dashed #d4e0ea;border-radius:16px;text-align:center;color:#62758a;background:#f8fafc}.program-empty i{font-size:2rem;color:#7c91a7}.program-empty h3{margin:10px 0 4px;color:#27415d}.program-empty p{margin:0}.program-viewer{position:fixed;z-index:2000;inset:0;display:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px;background:rgba(3,14,27,.94)}.program-viewer.is-open{display:grid}.program-viewer figure{display:flex;min-width:0;max-width:1200px;max-height:92vh;margin:auto;flex-direction:column;align-items:center}.program-viewer img{display:block;max-width:100%;max-height:84vh;border-radius:10px;object-fit:contain}.program-viewer figcaption{margin-top:10px;color:#dbeafe;font-size:.82rem}.program-viewer button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(255,255,255,.1)}.program-viewer button:hover{background:#1769e0}.program-viewer__close{position:absolute;top:18px;right:18px}.program-viewer button:disabled{opacity:.3}.program-viewer-open{overflow:hidden!important}@media(max-width:767.98px){.program-hero__content{grid-template-columns:1fr;gap:17px;padding-top:38px;padding-bottom:40px}.program-icon{width:65px;height:65px;border-radius:18px;font-size:1.75rem}.program-hero h1{font-size:2rem}.program-hero p{font-size:.94rem;line-height:1.6}.program-intro{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:40px}.program-copy p{text-align:left;line-height:1.75}.program-gallery-section{padding:38px 0 48px}.program-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.program-photo{border-radius:11px}.program-photo span{opacity:1;inset:auto 7px 7px;padding:7px;font-size:.7rem;transform:none}.program-viewer{grid-template-columns:1fr;padding:64px 12px 72px}.program-viewer__nav{position:absolute;bottom:16px}.program-viewer__prev{left:calc(50% - 58px)}.program-viewer__next{right:calc(50% - 58px)}}@media(max-width:399.98px){.program-gallery{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:8px}}
/* Compact heading section */
.program-hero__content{gap:17px;padding-top:28px;padding-bottom:28px}
.program-icon{width:64px;height:64px;border-radius:17px;font-size:1.7rem}
.program-eyebrow{margin-bottom:5px;font-size:.67rem}
.program-hero h1{font-size:clamp(1.65rem,3vw,2.45rem)}
.program-hero p{margin-top:7px;font-size:.92rem;line-height:1.5}
.program-hero .program-level{margin-top:6px;padding:4px 9px;font-size:.72rem}

@media(max-width:767.98px){
    .program-hero__content{grid-template-columns:auto minmax(0,1fr);gap:12px;padding-top:20px;padding-bottom:21px}
    .program-icon{width:48px;height:48px;border-radius:13px;font-size:1.3rem}
    .program-hero h1{font-size:1.45rem}
    .program-hero p{margin-top:5px;font-size:.82rem;line-height:1.45}
    .program-hero .program-level{margin-top:5px}
}

/* Individual program colour identities */
.program-page--scholarship{--page-dark:#063f3a;--page-main:#078267;--page-accent:#f3c64d;--page-soft:#e8f7f2;--page-ink:#075e50}
.program-page--ssc{--page-dark:#123d70;--page-main:#1d6fc2;--page-accent:#ffb547;--page-soft:#edf5ff;--page-ink:#175894}
.program-page--hsc{--page-dark:#3a2569;--page-main:#7551ad;--page-accent:#62d2c3;--page-soft:#f3effb;--page-ink:#604394}
.program-page--eminent{--page-dark:#5b3510;--page-main:#a66a16;--page-accent:#ffe08a;--page-soft:#fff6df;--page-ink:#87530f}

.program-page .program-hero{background:linear-gradient(120deg,var(--page-dark),var(--page-main) 68%,color-mix(in srgb,var(--page-main) 72%,#12233f))}
.program-page .program-eyebrow{color:var(--page-accent)}
.program-page .section-kicker{color:var(--page-ink)}
.program-page .program-icon{border-color:color-mix(in srgb,var(--page-accent) 48%,transparent);background:color-mix(in srgb,var(--page-accent) 18%,transparent);color:var(--page-accent)}
.program-page .program-highlights{border-top:4px solid var(--page-main);background:linear-gradient(145deg,#fff,var(--page-soft))}
.program-page .program-highlights i{color:var(--page-main)}
.program-page .image-count{color:var(--page-ink);background:var(--page-soft)}
.program-page .program-photo:focus-visible{outline-color:var(--page-accent)}
.program-page .program-photo span{background:color-mix(in srgb,var(--page-dark) 88%,transparent)}

/* Each activity has a stable, distinct palette. Keep hero text readable on every palette. */
.program-page[data-activity="KnowledgeSharing"]{--page-dark:hsl(210,55%,18%);--page-main:hsl(245,58%,27%);--page-accent:hsl(5,85%,82%);--page-soft:hsl(210,45%,96%);--page-ink:hsl(210,58%,25%)}
.program-page[data-activity="OnlineTraining"]{--page-dark:hsl(347,55%,18%);--page-main:hsl(37,58%,27%);--page-accent:hsl(142,85%,82%);--page-soft:hsl(347,45%,96%);--page-ink:hsl(347,58%,25%)}
.program-page[data-activity="SkillTraining"]{--page-dark:hsl(124,55%,18%);--page-main:hsl(189,58%,27%);--page-accent:hsl(279,85%,82%);--page-soft:hsl(124,45%,96%);--page-ink:hsl(124,58%,25%)}
.program-page[data-activity="HigherEducation"]{--page-dark:hsl(261,55%,18%);--page-main:hsl(341,58%,27%);--page-accent:hsl(56,85%,82%);--page-soft:hsl(261,45%,96%);--page-ink:hsl(261,58%,25%)}
.program-page[data-activity="CareerCounseling"]{--page-dark:hsl(38,55%,18%);--page-main:hsl(73,58%,27%);--page-accent:hsl(193,85%,82%);--page-soft:hsl(38,45%,96%);--page-ink:hsl(38,58%,25%)}
.program-page[data-activity="BookReview"]{--page-dark:hsl(175,55%,18%);--page-main:hsl(225,58%,27%);--page-accent:hsl(330,85%,82%);--page-soft:hsl(175,45%,96%);--page-ink:hsl(175,58%,25%)}
.program-page[data-activity="AnnualCouncil"]{--page-dark:hsl(312,55%,18%);--page-main:hsl(17,58%,27%);--page-accent:hsl(107,85%,82%);--page-soft:hsl(312,45%,96%);--page-ink:hsl(312,58%,25%)}
.program-page[data-activity="SpecialBulletin"]{--page-dark:hsl(89,55%,18%);--page-main:hsl(169,58%,27%);--page-accent:hsl(244,85%,82%);--page-soft:hsl(89,45%,96%);--page-ink:hsl(89,58%,25%)}
.program-page[data-activity="NewYearCalendar"]{--page-dark:hsl(226,55%,18%);--page-main:hsl(261,58%,27%);--page-accent:hsl(21,85%,82%);--page-soft:hsl(226,45%,96%);--page-ink:hsl(226,58%,25%)}
.program-page[data-activity="QuranLearning"]{--page-dark:hsl(3,55%,18%);--page-main:hsl(53,58%,27%);--page-accent:hsl(158,85%,82%);--page-soft:hsl(3,45%,96%);--page-ink:hsl(3,58%,25%)}
.program-page[data-activity="RamadanSchedule"]{--page-dark:hsl(140,55%,18%);--page-main:hsl(205,58%,27%);--page-accent:hsl(295,85%,82%);--page-soft:hsl(140,45%,96%);--page-ink:hsl(140,58%,25%)}
.program-page[data-activity="TutorService"]{--page-dark:hsl(277,55%,18%);--page-main:hsl(357,58%,27%);--page-accent:hsl(72,85%,82%);--page-soft:hsl(277,45%,96%);--page-ink:hsl(277,58%,25%)}
.program-page[data-activity="EducationMaterials"]{--page-dark:hsl(54,55%,18%);--page-main:hsl(89,58%,27%);--page-accent:hsl(209,85%,82%);--page-soft:hsl(54,45%,96%);--page-ink:hsl(54,58%,25%)}
.program-page[data-activity="FirstAidTraining"]{--page-dark:hsl(191,55%,18%);--page-main:hsl(241,58%,27%);--page-accent:hsl(346,85%,82%);--page-soft:hsl(191,45%,96%);--page-ink:hsl(191,58%,25%)}
.program-page[data-activity="DisasterManagement"]{--page-dark:hsl(328,55%,18%);--page-main:hsl(33,58%,27%);--page-accent:hsl(123,85%,82%);--page-soft:hsl(328,45%,96%);--page-ink:hsl(328,58%,25%)}
.program-page[data-activity="DisasterRecovery"]{--page-dark:hsl(105,55%,18%);--page-main:hsl(185,58%,27%);--page-accent:hsl(260,85%,82%);--page-soft:hsl(105,45%,96%);--page-ink:hsl(105,58%,25%)}
.program-page[data-activity="StudyCamp"]{--page-dark:hsl(242,55%,18%);--page-main:hsl(277,58%,27%);--page-accent:hsl(37,85%,82%);--page-soft:hsl(242,45%,96%);--page-ink:hsl(242,58%,25%)}
.program-page[data-activity="LiaisonCamp"]{--page-dark:hsl(19,55%,18%);--page-main:hsl(69,58%,27%);--page-accent:hsl(174,85%,82%);--page-soft:hsl(19,45%,96%);--page-ink:hsl(19,58%,25%)}
.program-page[data-activity="LeadersHonorarium"]{--page-dark:hsl(156,55%,18%);--page-main:hsl(221,58%,27%);--page-accent:hsl(311,85%,82%);--page-soft:hsl(156,45%,96%);--page-ink:hsl(156,58%,25%)}
.program-page[data-activity="StudyTour"]{--page-dark:hsl(293,55%,18%);--page-main:hsl(13,58%,27%);--page-accent:hsl(88,85%,82%);--page-soft:hsl(293,45%,96%);--page-ink:hsl(293,58%,25%)}
.program-page[data-activity="EidGathering"]{--page-dark:hsl(70,55%,18%);--page-main:hsl(105,58%,27%);--page-accent:hsl(225,85%,82%);--page-soft:hsl(70,45%,96%);--page-ink:hsl(70,58%,25%)}
.program-page[data-activity="BanglaNewYear"]{--page-dark:hsl(207,55%,18%);--page-main:hsl(257,58%,27%);--page-accent:hsl(2,85%,82%);--page-soft:hsl(207,45%,96%);--page-ink:hsl(207,58%,25%)}
.program-page[data-activity="MonsoonFestival"]{--page-dark:hsl(344,55%,18%);--page-main:hsl(49,58%,27%);--page-accent:hsl(139,85%,82%);--page-soft:hsl(344,45%,96%);--page-ink:hsl(344,58%,25%)}
.program-page[data-activity="FruitsFestival"]{--page-dark:hsl(121,55%,18%);--page-main:hsl(201,58%,27%);--page-accent:hsl(276,85%,82%);--page-soft:hsl(121,45%,96%);--page-ink:hsl(121,58%,25%)}
.program-page[data-activity="HarvestFestival"]{--page-dark:hsl(258,55%,18%);--page-main:hsl(293,58%,27%);--page-accent:hsl(53,85%,82%);--page-soft:hsl(258,45%,96%);--page-ink:hsl(258,58%,25%)}
.program-page[data-activity="EmergencyResponse"]{--page-dark:hsl(35,55%,18%);--page-main:hsl(85,58%,27%);--page-accent:hsl(190,85%,82%);--page-soft:hsl(35,45%,96%);--page-ink:hsl(35,58%,25%)}
.program-page[data-activity="CovidSupport"]{--page-dark:hsl(172,55%,18%);--page-main:hsl(237,58%,27%);--page-accent:hsl(327,85%,82%);--page-soft:hsl(172,45%,96%);--page-ink:hsl(172,58%,25%)}
.program-page[data-activity="OxygenSupport"]{--page-dark:hsl(309,55%,18%);--page-main:hsl(29,58%,27%);--page-accent:hsl(104,85%,82%);--page-soft:hsl(309,45%,96%);--page-ink:hsl(309,58%,25%)}
.program-page[data-activity="SalineDistribution"]{--page-dark:hsl(86,55%,18%);--page-main:hsl(121,58%,27%);--page-accent:hsl(241,85%,82%);--page-soft:hsl(86,45%,96%);--page-ink:hsl(86,58%,25%)}
.program-page[data-activity="FoodRelief"]{--page-dark:hsl(223,55%,18%);--page-main:hsl(273,58%,27%);--page-accent:hsl(18,85%,82%);--page-soft:hsl(223,45%,96%);--page-ink:hsl(223,58%,25%)}
.program-page[data-activity="BloodGrouping"]{--page-dark:hsl(0,55%,18%);--page-main:hsl(65,58%,27%);--page-accent:hsl(155,85%,82%);--page-soft:hsl(0,45%,96%);--page-ink:hsl(0,58%,25%)}
.program-page[data-activity="BloodDonation"]{--page-dark:hsl(137,55%,18%);--page-main:hsl(217,58%,27%);--page-accent:hsl(292,85%,82%);--page-soft:hsl(137,45%,96%);--page-ink:hsl(137,58%,25%)}
.program-page[data-activity="AmbulanceServices"]{--page-dark:hsl(274,55%,18%);--page-main:hsl(309,58%,27%);--page-accent:hsl(69,85%,82%);--page-soft:hsl(274,45%,96%);--page-ink:hsl(274,58%,25%)}
.program-page[data-activity="TreePlantation"]{--page-dark:hsl(51,55%,18%);--page-main:hsl(101,58%,27%);--page-accent:hsl(206,85%,82%);--page-soft:hsl(51,45%,96%);--page-ink:hsl(51,58%,25%)}
.program-page[data-activity="LibrarySetup"]{--page-dark:hsl(188,55%,18%);--page-main:hsl(253,58%,27%);--page-accent:hsl(343,85%,82%);--page-soft:hsl(188,45%,96%);--page-ink:hsl(188,58%,25%)}
.program-page[data-activity="Condolences"]{--page-dark:hsl(325,55%,18%);--page-main:hsl(45,58%,27%);--page-accent:hsl(120,85%,82%);--page-soft:hsl(325,45%,96%);--page-ink:hsl(325,58%,25%)}
.program-page .program-hero{background-color:var(--page-dark);background-image:linear-gradient(120deg,var(--page-dark),var(--page-main));color:#fff}
.program-page .program-hero h1{color:#fff;line-height:1.2;text-shadow:0 2px 3px rgba(0,0,0,.16);overflow-wrap:break-word}
.program-page .program-hero p{color:#fff;line-height:1.65}
.program-page .program-copy h2,.program-page .program-highlights h3,.program-page .section-heading h2{color:var(--page-ink)}
.program-page .program-highlights a{color:var(--page-ink);font-weight:700;text-underline-offset:3px}
.program-page .program-empty{background:var(--page-soft);border-color:var(--page-ink)}
.program-page .program-empty h3,.program-page .program-empty>i{color:var(--page-ink)}
.program-page .program-copy p{text-align:justify;text-align-last:start}