/* Programs editorial layouts. Shared identity, controls and media come from About. */
.u360-programs-page{--p-ink:#171035;--p-muted:#50516a;--p-mint:#edf8e6;color:var(--p-ink)}
.p-inner{width:min(1260px,calc(100% - 72px));margin-inline:auto;min-width:0}
.p-section{padding:30px 0;position:relative;isolation:isolate;overflow-wrap:anywhere;scroll-margin-top:24px}
.u360-programs :is(h1,h2,h3){color:var(--p-ink);letter-spacing:-.04em;line-height:1.1;margin:0 0 14px}
.u360-programs h1{font-size:clamp(36px,4.1vw,57px);font-weight:800;max-width:15ch}.u360-programs h2{font-size:clamp(27px,3vw,38px);font-weight:750}.u360-programs h3{font-size:clamp(21px,2vw,27px)}
.u360-programs p{margin:0 0 12px;line-height:1.42}.u360-programs .eyebrow{font-size:12px;color:var(--purple);letter-spacing:.06em;margin-bottom:6px}.u360-programs .u360-body{color:var(--p-muted);font-size:17px}
.u360-programs .u360-actions{gap:12px}.u360-programs .button{padding:12px 24px;min-height:44px;font-size:14px;line-height:1.3;white-space:normal;max-width:100%;text-align:center}
.u360-programs .u360-note{color:var(--purple);font-size:clamp(22px,2.3vw,31px);font-weight:400;letter-spacing:-.04em;max-width:16ch;overflow-wrap:normal;margin:10px auto;line-height:1.13}
.u360-programs .u360-media{overflow:hidden;border-radius:24px}.u360-programs .u360-media img{aspect-ratio:1.5}.u360-programs picture{display:block;height:100%}
.p-theme-mint{background:var(--p-mint)}.p-theme-lavender{background:#f3ebff}.p-theme-purple{background:var(--purple);color:#fff}.p-theme-purple :is(h1,h2,h3,.eyebrow,.u360-body,.u360-note){color:white}.p-theme-purple>.p-inner>.u360-note:after{background:#a6dc6c}
.p-accent-green{--p-accent:var(--green);--p-tint:#def1d7}.p-accent-purple{--p-accent:var(--purple);--p-tint:#e8d9fc}
.program-hero{padding:16px 0 35px;background:#fbfafc}.program-hero>.p-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 50px;align-items:center;position:relative}.p-hero-copy{padding:32px 0}.program-hero .u360-note{max-width:17ch;margin:10px 15% 20px auto}.program-hero .u360-body{max-width:44ch;margin-top:24px}.program-hero .u360-media{grid-column:2;grid-row:1/3;border-radius:28% 12% 24% 14%;transform:rotate(-2deg)}.program-hero .u360-media img{aspect-ratio:1.35;transform:scale(1.025)}
/* Main Programs Hero Title: Sized to Education & Scholarships Responsive Scale */
.u360-programs-page #program-hero h1,
.u360-programs-page .program-hero .p-hero-copy h1,
.u360-programs-page .program-hero h1,
.u360-programs-index-wrapper #program-hero h1,
.u360-programs-index-wrapper .p-hero-copy h1,
.u360-programs-page .u360-programs-hero-heading,
.u360-programs-index-wrapper .u360-programs-hero-heading,
.u360-programs-hero-heading {
	font-size: clamp(2.4rem, 4.8vw, 3.8rem) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em !important;
	color: var(--p-ink, var(--u360-color-navy, #11183f));
	max-width: none !important;
	margin-top: 0;
	margin-bottom: 22px;
}
.p-pillar-nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;grid-column:2}.program-hero.p-has-image .p-pillar-nav{position:absolute;bottom:26px;right:5%;max-width:45%;z-index:1}.p-pill{display:inline-flex;min-height:46px;align-items:center;padding:12px 24px;background:var(--p-tint);color:var(--p-ink);text-decoration:none;font-size:15px;font-weight:750;border-radius:40px;box-shadow:0 3px 16px #17103512}.p-pill:nth-child(4n){background:var(--purple);color:white}
.program-intro{padding:30px 0 12px;text-align:center}.program-intro h2{font-size:clamp(24px,2.4vw,30px)}.program-intro .u360-body{max-width:86ch;margin:auto}.program-intro h2:before,.program-routes h2:before{content:'';width:24px;height:4px;background:#93d948;display:inline-block;vertical-align:middle;margin-right:18px;transform:rotate(38deg)}
.p-section-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:22px}.p-section-heading .u360-note{font-size:24px;max-width:15ch;flex-shrink:0;margin:0 12px}.program-pillars{padding-top:12px;padding-bottom:16px}.p-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;margin:12px -18px;padding:14px 28px;border-radius:32px;position:relative;scroll-margin-top:28px}.p-story-copy{display:flex;gap:24px;grid-column:2;grid-row:1;align-items:flex-start;padding:14px 0}.p-story-copy>div{min-width:0}.p-story-copy>.u360-icon{flex:none;width:64px;height:64px;padding:15px;background:var(--p-tint);border-radius:50%;color:var(--p-accent)}.p-story-copy>.u360-media{flex:none;width:64px}.p-story-copy p{font-size:15px;color:var(--p-muted)}.p-story-copy .eyebrow{color:var(--p-accent)}.p-story-copy h3{font-size:25px;margin-bottom:8px}.p-story>.u360-media{grid-column:1;grid-row:1;border-radius:28% 9% 20% 6%;height:100%}.p-story>.u360-media img{height:100%;min-height:240px;aspect-ratio:1.8}.p-story.p-image-right{grid-template-columns:1.15fr .85fr}.p-story.p-image-right .p-story-copy{grid-column:1}.p-story.p-image-right>.u360-media{grid-column:2;border-radius:20% 10% 6% 26%}.p-story:not(.p-has-image){grid-template-columns:1fr auto}.p-story:not(.p-has-image) .p-story-copy{grid-column:1}.p-story>.u360-note{font-size:23px;max-width:13ch}.p-story.p-has-image>.u360-note{position:absolute;right:20px;bottom:16px;background:#ffffffed;padding:12px;border-radius:18px}.p-story .button--outline{border:0;background:transparent;color:var(--p-accent);text-decoration:underline;padding:8px 0;justify-content:flex-start}.p-tags{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:12px 0 3px}.p-tags li{padding:7px 14px;background:var(--p-tint);font-size:13px;font-weight:600;border-radius:30px;color:var(--p-ink)}.p-story-programmes{grid-column:1/-1}.p-story.p-theme-purple :is(h3,p,.eyebrow,.button--outline){color:white}
.program-pathways{padding:36px 0}.program-pathways .p-section-heading h2{color:white;font-size:clamp(27px,3vw,36px)}.p-pathways{display:flex;flex-wrap:wrap;gap:18px}.p-pathway{display:flex;flex:1 1 280px;min-width:0;background:white;color:var(--p-ink);border-radius:22px;overflow:hidden}.p-pathway>.u360-media{width:40%;flex:none;border-radius:0 45% 45% 0}.p-pathway .u360-media img{height:100%;aspect-ratio:.75}.p-pathway>div{padding:22px;min-width:0}.p-pathway h3{color:var(--purple);font-size:29px;margin-bottom:10px}.p-pathway p{font-size:15px}.p-pathway .eyebrow{color:var(--purple);text-decoration:underline;letter-spacing:0}.p-pathway .button{border:0;padding:8px 0;color:var(--purple);background:transparent;text-decoration:underline;justify-content:flex-start}
.program-delivery>.p-inner{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.p-delivery-copy{grid-column:2;grid-row:1}.program-delivery>.p-inner>.u360-media{grid-column:1;grid-row:1;height:100%;border-radius:18px}.program-delivery .u360-media img{height:100%;aspect-ratio:1.15}.program-delivery:not(.p-has-image) .p-inner{grid-template-columns:1fr}.program-delivery:not(.p-has-image) .p-delivery-copy{grid-column:1}.program-delivery .p-routes{display:grid;grid-template-columns:1fr;gap:20px}.program-delivery .p-route>div{display:grid;grid-template-columns:50px 1fr;column-gap:18px;align-items:start}.program-delivery .u360-icon{grid-column:1;grid-row:1/3;color:var(--green);width:38px;height:38px}.program-delivery .p-route h3{grid-column:2;font-size:18px;margin-bottom:4px}.program-delivery .p-route p{grid-column:2;font-size:15px;color:var(--p-muted)}.program-delivery .p-route .button{grid-column:2}.program-delivery .u360-note{font-size:24px;margin:18px 0 0 auto}.program-delivery:not(.p-has-image) .p-routes{grid-template-columns:1fr 1fr;gap:28px}
.program-spotlight{background:none;padding:8px 0 25px}.program-spotlight>.p-inner{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 32px;border-radius:24px;background:var(--p-mint)}.p-spotlight-copy{flex:1 1 370px;min-width:0}.p-spotlight-copy h2{font-size:32px}.program-spotlight .u360-body{font-size:16px}.program-spotlight .u360-media{flex:1 1 220px;max-width:300px;border-radius:22% 8% 25% 10%}.program-spotlight .u360-media img{aspect-ratio:1.05}.program-spotlight .button{background:var(--green);border-color:var(--green)}.program-spotlight.p-theme-purple .p-inner{background:var(--purple)}.program-spotlight.p-theme-lavender .p-inner{background:#f3ebff}.program-spotlight.p-theme-white .p-inner{background:white}.p-statistics{display:flex;flex-wrap:wrap;gap:14px;flex:1 1 360px}.p-stat{flex:1 1 90px;background:#fff;color:var(--p-ink);border-radius:12px;padding:16px;min-width:0}.p-stat .u360-icon{width:25px;height:25px;margin-bottom:7px;color:var(--green)}.p-stat strong{font-size:27px}.p-stat p,.p-stat small,.p-stat summary{font-size:12px}.p-stat details{margin-top:8px}.p-stat summary{cursor:pointer;min-height:30px}.program-spotlight .u360-note{font-size:25px;max-width:20ch}.p-placement-right>.p-inner>.u360-media{order:3}
.program-routes{text-align:center;padding:8px 0 30px}.program-routes .p-routes{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px}.program-routes .p-route{flex:1 1 360px;background:var(--p-tint);border-radius:20px;display:flex;min-width:0;text-align:left;overflow:hidden}.program-routes .p-route>div{flex:1;padding:28px;min-width:0}.program-routes .p-route h3{color:var(--p-accent);font-size:28px}.program-routes .p-route p{font-size:16px}.program-routes .p-route>.u360-media{width:40%;border-radius:45% 0 0 0}.program-routes .p-route>.u360-media img{height:100%;aspect-ratio:.9}.program-routes .button{background:var(--p-accent);border-color:var(--p-accent)}
.program-cta{padding:48px 0;overflow:hidden}.program-cta>.p-inner{position:relative}.program-cta h2{font-size:clamp(27px,3vw,37px)}.program-cta .u360-body{max-width:none}.program-cta .u360-actions{justify-content:center}.program-cta .u360-media{position:absolute;inset:-60px calc((min(1260px,100vw - 72px) - 100vw)/2);z-index:-2;border-radius:0}.program-cta .u360-media img{height:100%;aspect-ratio:auto}.program-cta.p-has-image:before{content:'';position:absolute;inset:0;background:var(--purple);opacity:var(--p-overlay,.82);z-index:-1}.program-cta .button{background:white;color:var(--purple);border-color:white}.program-cta .button--outline{background:transparent;color:white}.program-cta .u360-note{max-width:22ch;font-size:24px;margin-top:25px}
.p-align-center{text-align:center}.p-align-center .u360-actions{justify-content:center}.p-align-right{text-align:right}.p-align-right .u360-actions{justify-content:flex-end}
.p-program-cards{display:flex;flex-wrap:wrap;gap:22px}.p-program-card{flex:1 1 270px;min-width:0;border:1px solid #e3ddec;background:white;color:var(--p-ink);border-radius:20px;overflow:hidden}.p-card-copy{padding:24px}.p-card-copy h3 a{text-decoration:none}.p-card-copy h3 a:hover{text-decoration:underline}.p-program-card .u360-media{border-radius:0}.p-featured{border-top:4px solid var(--green)}.p-layout-compact .p-program-card{display:flex;flex-basis:100%}.p-layout-compact .u360-media{width:30%;flex:none}.p-layout-featured .p-program-card:first-child{flex-basis:100%}.p-facts{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0;font-size:13px}.p-status{font-weight:750;color:var(--purple)}.p-theme-purple .p-status{color:white}.p-partners{display:flex;gap:22px;flex-wrap:wrap;width:100%;margin-top:24px}.p-partner{flex:1 1 160px;min-width:0}.p-partner .u360-media{max-width:180px}.p-partner .u360-media img{object-fit:contain;aspect-ratio:2}.p-partners-grid .p-partner{flex-basis:28%}.p-partners-spotlight .p-partner{flex-basis:100%}.p-decoration{max-width:130px}.p-decoration img{object-fit:contain}.p-detail{padding:40px 0 60px}.p-detail h1{max-width:25ch}.p-detail header,.p-description{max-width:85ch}.p-detail section{margin-top:36px}.p-detail>.p-inner>.u360-media{max-width:900px;margin:25px 0}.p-detail .button{margin-right:14px}.p-lead{font-size:21px;color:var(--p-muted)}
.u360-programs-page .u360-site-footer{border-top:1px solid #ece7f2}.u360-programs-page .u360-footer-top{gap:28px}.u360-programs-page .u360-site-footer nav{flex:1}.u360-programs-page .u360-site-footer nav ul{flex-direction:column;gap:0}.u360-programs-page .u360-site-footer nav a{font-size:13px;min-height:30px}.u360-programs-page .u360-footer-bottom{margin-top:35px}
@media(max-width:1000px){.p-inner{width:calc(100% - 48px)}.program-hero>.p-inner{gap:25px;grid-template-columns:1fr 1fr}.u360-programs h1{font-size:43px}.p-story{margin-inline:0;padding:20px;gap:25px}.p-story-copy{gap:16px}.p-story-copy>.u360-icon{width:50px;height:50px;padding:10px}.p-story-copy h3{font-size:22px}.p-pathway{flex-basis:260px}.program-delivery>.p-inner{gap:25px}.program-delivery h2{font-size:28px}.p-section-heading .u360-note{font-size:22px}.program-spotlight>.p-inner{padding:24px}}
@media(max-width:700px){.p-inner{width:calc(100% - 36px)}.p-section{padding-block:26px}.program-hero>.p-inner{display:flex;flex-direction:column;align-items:stretch;gap:18px}.p-hero-copy{padding:10px 0}.u360-programs h1{font-size:clamp(35px,9.4vw,49px);max-width:19ch}.program-hero .u360-note{font-size:27px;margin:20px auto;max-width:19ch}.program-hero .u360-body{margin-top:15px}.program-hero .u360-media{order:3;transform:none;border-radius:25% 9% 22% 12%}.program-hero .p-pillar-nav,.program-hero.p-has-image .p-pillar-nav{position:static;max-width:none;order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-pill{justify-content:center;padding-inline:15px}.p-section-heading{display:block}.p-section-heading .u360-note{font-size:23px;margin:15px 0 20px auto}.p-story,.p-story.p-image-right,.p-story:not(.p-has-image){display:flex;flex-direction:column;align-items:stretch;padding:22px 18px;gap:15px;margin:15px 0;border-radius:24px}.p-story .p-story-copy{order:1;padding:0;gap:14px}.p-story>.u360-media{order:2;max-height:300px;border-radius:20px}.p-story>.u360-media img{min-height:0;aspect-ratio:1.45}.p-story>.u360-note,.p-story.p-has-image>.u360-note{position:static;order:3;margin:10px auto;max-width:20ch;background:none;padding:0}.p-story-copy>.u360-icon{width:43px;height:43px;padding:10px}.p-story-copy h3{font-size:23px}.p-tags{gap:6px}.p-tags li{padding:7px 10px;font-size:12px}.p-story-programmes{order:4}.p-pathways{flex-direction:column}.p-pathway{flex-basis:auto}.p-pathway>div{padding:22px}.p-pathway>.u360-media{width:34%}.program-delivery>.p-inner{display:flex;flex-direction:column;align-items:stretch}.program-delivery .p-delivery-copy{order:1}.program-delivery>.p-inner>.u360-media{order:2}.program-delivery:not(.p-has-image) .p-routes{grid-template-columns:1fr}.program-spotlight>.p-inner{display:flex;padding:24px;gap:20px}.p-spotlight-copy{flex-basis:100%}.program-spotlight .u360-media{flex-basis:100%;max-width:none;order:2}.program-spotlight .p-statistics{order:3;flex-basis:100%}.program-spotlight .u360-note{order:4}.program-routes .p-routes{flex-direction:column}.program-routes .p-route{flex-basis:auto}.program-routes .p-route>div{padding:22px}.program-routes .p-route h3{font-size:25px}.program-routes .p-route>.u360-media{width:30%}.program-cta{padding-block:35px}.program-cta .u360-media{inset:-45px -18px}.program-cta .u360-actions{gap:12px}.p-layout-compact .p-program-card{display:block}.p-layout-compact .u360-media{width:100%}.p-program-card{flex-basis:100%}.u360-programs-page .u360-site-footer nav{flex-basis:40%}.p-detail{padding-top:30px}.p-detail h1{font-size:36px}.p-inner,.p-story-copy>div{min-width:0}}
@media(prefers-reduced-motion:reduce){.u360-programs *{animation:none!important;transition:none!important;scroll-behavior:auto}}
@media(max-width:700px){.u360-programs picture img{object-position:var(--p-mobile-position,50% 50%)!important}}
.p-pathway h3,.p-pathway .eyebrow,.p-pathway .button{color:var(--p-accent,var(--purple))}.p-stat .u360-icon{color:var(--p-accent,var(--green))}.p-stat .u360-media{width:32px}
.program-hero.p-theme-lavender{background:#f3ebff}.program-hero.p-theme-mint{background:var(--p-mint)}.program-hero.p-theme-purple{background:var(--purple)}
.u360-programs .p-pathway h3,.u360-programs .p-pathway .eyebrow,.u360-programs .p-pathway .button{color:var(--p-accent,var(--purple))}
.u360-programs .p-program-card h3{color:var(--p-ink)}.u360-programs .p-program-card .eyebrow,.u360-programs .p-program-card .p-status{color:var(--purple)}

/* ==========================================================================
   UPLIFT360 PROGRAMS ARCHITECTURE & FOUR PROGRAM AREA LANDING PAGES
   ========================================================================== */

:root {
	--u360-prog-navy: var(--u360-color-navy, #0B1B3D);
	--u360-prog-purple: var(--u360-color-purple, #6A1B9A);
	--u360-prog-muted: #5A6A85;
	--u360-prog-border: #E5E9F2;
	--u360-prog-radius: 20px;
	--u360-prog-radius-sm: 12px;
	--u360-prog-shadow: 0 6px 24px rgba(11, 27, 61, 0.06);
	--u360-prog-shadow-hover: 0 12px 36px rgba(106, 27, 154, 0.12);
}

.u360-programs-index-wrapper,
.u360-program-page-wrapper {
	font-family: var(--u360-font-sans, 'Poppins', sans-serif);
	color: var(--u360-prog-navy);
	background-color: #FFFFFF;
	overflow-x: hidden;
}

/* Common Section Clearance */
.u360-programs-hero,
.u360-prog-hero,
.u360-programs-cards-section,
.u360-prog-intro-section,
.u360-prog-focus-section,
.u360-prog-initiatives-section,
.u360-prog-opps-section,
.u360-prog-resources-section,
.u360-prog-story-section,
.u360-programs-delivery-section,
.u360-programs-impact-section,
.u360-prog-impact-section,
.u360-prog-partners-section,
.u360-programs-cta-section,
.u360-prog-cta-section,
.u360-prog-related-section {
	margin-bottom: clamp(60px, 7vw, 100px);
}

/* ==========================================================================
   PROGRAM ACCENT THEMES
   ========================================================================== */
.u360-prog--edu {
	--u360-accent-color: #2E7D32;
	--u360-accent-tint: rgba(46, 125, 50, 0.08);
}

.u360-prog--skills {
	--u360-accent-color: #F97316;
	--u360-accent-tint: rgba(249, 115, 22, 0.09);
}

.u360-prog--health {
	--u360-accent-color: #10B981;
	--u360-accent-tint: rgba(16, 185, 129, 0.08);
}

.u360-prog--leadership {
	--u360-accent-color: #E11D48;
	--u360-accent-tint: rgba(225, 29, 72, 0.08);
}

/* Highlight text in headings */
.u360-text-highlight {
	color: var(--u360-accent-color, var(--u360-prog-purple));
}

/* ==========================================================================
   HERO SECTIONS (INDEX & PROGRAM PAGES)
   ========================================================================== */
.u360-programs-hero,
.u360-prog-hero {
	padding-top: clamp(40px, 6vw, 70px);
}

.u360-programs-hero-grid,
.u360-prog-hero-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: clamp(30px, 5vw, 64px);
	align-items: center;
}

.u360-programs-hero-heading {
	font-size: clamp(2.4rem, 4.8vw, 3.8rem) !important;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--u360-prog-navy);
	margin-bottom: 22px;
}

.u360-prog-hero-heading {
	font-size: clamp(2.4rem, 4.6vw, 3.8rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--u360-prog-navy);
	margin-bottom: 22px;
}

.u360-programs-hero-lead,
.u360-prog-hero-lead {
	font-size: clamp(1rem, 1.3vw, 1.15rem);
	line-height: 1.7;
	color: var(--u360-prog-muted);
	margin-bottom: 32px;
	max-width: 580px;
}

.u360-programs-hero-actions,
.u360-prog-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	margin-bottom: 36px;
}

/* Trust Indicators */
.u360-prog-trust-indicators {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 14px;
	border-top: 1px solid var(--u360-prog-border);
}

.u360-prog-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--u360-prog-navy);
}

.u360-prog-trust-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: var(--u360-accent-tint, rgba(46, 125, 50, 0.08));
	color: var(--u360-accent-color, #2E7D32);
}

.u360-prog-trust-check svg {
	width: 14px;
	height: 14px;
	stroke-width: 2.5;
}

/* Hero Right Visual */
.u360-programs-hero-image-wrap,
.u360-prog-hero-image-wrap {
	position: relative;
	border-radius: var(--u360-prog-radius);
	overflow: visible;
}

.u360-programs-hero-img,
.u360-prog-hero-img {
	width: 100%;
	height: 480px;
	object-fit: cover;
	border-radius: var(--u360-prog-radius);
	box-shadow: var(--u360-prog-shadow);
	display: block;
}

.u360-programs-hero-handwritten,
.u360-prog-hero-handwritten {
	position: absolute;
	top: -24px;
	right: 10px;
	z-index: 2;
	transform: rotate(-3deg);
}

.u360-prog-hero-floating-card {
	position: absolute;
	bottom: -25px;
	right: -15px;
	background: #FFFFFF;
	border: 1px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius-sm);
	padding: 16px 20px;
	box-shadow: 0 12px 30px rgba(11, 27, 61, 0.12);
	max-width: 280px;
	z-index: 2;
	backdrop-filter: blur(10px);
}

.u360-prog-floating-title {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--u360-prog-navy);
	margin-bottom: 4px;
	line-height: 1.3;
}

.u360-prog-floating-desc {
	font-size: 0.8125rem;
	color: var(--u360-prog-muted);
	margin: 0;
	line-height: 1.45;
}

/* ==========================================================================
   PROGRAMS INDEX — FOUR PROGRAM CARDS GRID
   ========================================================================== */
.u360-programs-section-header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 40px;
}

.u360-programs-section-heading {
	font-size: clamp(2rem, 3.5vw, 2.75rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
	margin-bottom: 12px;
	letter-spacing: -0.025em;
}

.u360-programs-section-lead {
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--u360-prog-muted);
}

.u360-programs-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.u360-program-pillar-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
}

.u360-program-pillar-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--u360-prog-shadow-hover);
	border-color: var(--u360-prog-purple);
}

.u360-pillar-media {
	position: relative;
	height: 190px;
	overflow: hidden;
	background: #E2E8F0;
}

.u360-pillar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.u360-program-pillar-card:hover .u360-pillar-img {
	transform: scale(1.05);
}

.u360-pillar-icon-badge {
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 4px 14px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--u360-prog-purple);
}

.u360-pillar-icon-badge svg {
	width: 22px;
	height: 22px;
}

.u360-pillar-body {
	padding: 24px 22px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.u360-pillar-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--u360-prog-navy);
	margin-bottom: 10px;
}

.u360-pillar-title a {
	color: inherit;
	text-decoration: none;
}

.u360-pillar-desc {
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--u360-prog-muted);
	margin-bottom: 20px;
	flex-grow: 1;
}

.u360-pillar-footer {
	margin-top: auto;
}

.u360-btn-pillar {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--u360-prog-purple);
	text-decoration: none;
	transition: gap 0.2s ease;
}

.u360-btn-pillar:hover {
	gap: 10px;
	color: #53147a;
}

/* Card Accent Variations */
.u360-card--skills .u360-pillar-icon-badge { color: #F97316; }
.u360-card--skills .u360-btn-pillar { color: #F97316; }
.u360-card--health .u360-pillar-icon-badge { color: #10B981; }
.u360-card--health .u360-btn-pillar { color: #10B981; }
.u360-card--leadership .u360-pillar-icon-badge { color: #E11D48; }
.u360-card--leadership .u360-btn-pillar { color: #E11D48; }

/* ==========================================================================
   PROGRAM INTRODUCTION & APPROACH
   ========================================================================== */
.u360-prog-intro-header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 36px;
}

.u360-prog-intro-heading {
	font-size: clamp(1.85rem, 3vw, 2.5rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
}

.u360-prog-intro-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}

.u360-prog-intro-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	padding: 32px 28px;
	box-shadow: var(--u360-prog-shadow);
}

.u360-intro-tag {
	display: inline-block;
	background: rgba(106, 27, 154, 0.08);
	color: var(--u360-prog-purple);
	font-size: 0.775rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 9999px;
	margin-bottom: 14px;
}

.u360-intro-tag--green {
	background: var(--u360-accent-tint, rgba(46, 125, 50, 0.08));
	color: var(--u360-accent-color, #2E7D32);
}

.u360-intro-text {
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--u360-prog-muted);
	margin-bottom: 20px;
}

.u360-intro-subgroup strong {
	display: block;
	font-size: 0.875rem;
	color: var(--u360-prog-navy);
	margin-bottom: 4px;
}

.u360-intro-subgroup p {
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--u360-prog-muted);
	margin: 0;
}

/* ==========================================================================
   FOCUS AREAS SECTION
   ========================================================================== */
.u360-prog-focus-header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 36px;
}

.u360-prog-focus-heading {
	font-size: clamp(1.85rem, 3vw, 2.5rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
	margin-bottom: 10px;
}

.u360-prog-focus-lead {
	font-size: 1rem;
	color: var(--u360-prog-muted);
}

.u360-prog-focus-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.u360-prog-focus-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	padding: 28px 24px;
	transition: all 0.25s ease;
	display: flex;
	flex-direction: column;
}

.u360-prog-focus-card:hover {
	transform: translateY(-4px);
	border-color: var(--u360-accent-color, var(--u360-prog-purple));
	box-shadow: var(--u360-prog-shadow-hover);
}

.u360-prog-focus-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	background: var(--u360-accent-tint, rgba(106, 27, 154, 0.08));
	color: var(--u360-accent-color, var(--u360-prog-purple));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.u360-prog-focus-icon svg {
	width: 24px;
	height: 24px;
}

.u360-prog-focus-card-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--u360-prog-navy);
	margin-bottom: 10px;
}

.u360-prog-focus-card-desc {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--u360-prog-muted);
	margin: 0;
}

/* ==========================================================================
   RELEVANT OPPORTUNITIES (COMPACT MODE)
   ========================================================================== */
.u360-prog-opps-header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 36px;
}

.u360-prog-opps-heading {
	font-size: clamp(1.85rem, 3vw, 2.5rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
	margin-bottom: 10px;
}

.u360-prog-opps-lead {
	font-size: 1rem;
	color: var(--u360-prog-muted);
}

.u360-prog-opps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 36px;
}

.u360-prog-opps-footer-cta {
	text-align: center;
}

/* ==========================================================================
   RESOURCES SECTION
   ========================================================================== */
.u360-prog-resources-header {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 36px;
}

.u360-prog-resources-heading {
	font-size: clamp(1.85rem, 3vw, 2.4rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
}

.u360-prog-resources-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.u360-prog-resource-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
}

.u360-prog-resource-card:hover {
	transform: translateY(-4px);
	border-color: var(--u360-accent-color, var(--u360-prog-purple));
	box-shadow: var(--u360-prog-shadow);
}

.u360-res-tag {
	display: inline-block;
	align-self: flex-start;
	background: var(--u360-accent-tint, rgba(106, 27, 154, 0.08));
	color: var(--u360-accent-color, var(--u360-prog-purple));
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 9999px;
	margin-bottom: 12px;
}

.u360-res-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--u360-prog-navy);
	margin-bottom: 10px;
	line-height: 1.35;
}

.u360-res-desc {
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--u360-prog-muted);
	margin-bottom: 18px;
	flex-grow: 1;
}

.u360-res-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--u360-accent-color, var(--u360-prog-purple));
	text-decoration: none;
}

/* ==========================================================================
   RELATED PROGRAMS STRIP
   ========================================================================== */
.u360-prog-related-section {
	background: #F8FAFD;
	padding: clamp(50px, 7vw, 84px) 0;
	border-top: 1px solid var(--u360-prog-border);
}

.u360-prog-related-header {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 36px;
}

.u360-prog-related-heading {
	font-size: clamp(1.85rem, 3vw, 2.4rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
}

.u360-prog-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.u360-related-prog-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
}

.u360-related-prog-card:hover {
	transform: translateY(-4px);
	border-color: var(--u360-prog-purple);
	box-shadow: var(--u360-prog-shadow-hover);
}

.u360-related-prog-top {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}

.u360-related-prog-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--u360-accent-tint, rgba(106, 27, 154, 0.08));
	color: var(--u360-accent-color, var(--u360-prog-purple));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.u360-related-prog-icon svg {
	width: 22px;
	height: 22px;
}

.u360-related-prog-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--u360-prog-navy);
	margin: 0;
	line-height: 1.3;
}

.u360-related-prog-title a {
	color: inherit;
	text-decoration: none;
}

.u360-related-prog-desc {
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--u360-prog-muted);
	margin-bottom: 20px;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.u360-related-prog-action {
	margin-top: auto;
}

.u360-related-prog-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--u360-prog-purple);
	text-decoration: none;
}

.u360-related-prog-link:hover {
	gap: 10px;
}

/* ==========================================================================
   PROGRAMS DELIVERY SECTION (INDEX)
   ========================================================================== */
.u360-delivery-header {
	text-align: center;
	margin-bottom: 36px;
}

.u360-delivery-heading {
	font-size: clamp(1.85rem, 3vw, 2.4rem);
	font-weight: 800;
	color: var(--u360-prog-navy);
}

.u360-delivery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.u360-delivery-card {
	background: #FFFFFF;
	border: 1.5px solid var(--u360-prog-border);
	border-radius: var(--u360-prog-radius);
	padding: 24px 20px;
	text-align: left;
}

.u360-delivery-icon {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: rgba(46, 125, 50, 0.08);
	color: #2E7D32;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.u360-delivery-icon svg {
	width: 22px;
	height: 22px;
}

.u360-delivery-card-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--u360-prog-navy);
	margin-bottom: 8px;
}

.u360-delivery-card-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--u360-prog-muted);
	margin: 0;
}

/* Common CTA Banner & Button styles */
.u360-btn-white {
	background: #FFFFFF !important;
	color: var(--u360-prog-navy) !important;
	border: 2px solid #FFFFFF;
	border-radius: 9999px;
	padding: 14px 30px;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	transition: all 0.25s ease;
}

.u360-btn-white:hover {
	background: #F3E8FF !important;
	color: var(--u360-prog-purple) !important;
	transform: translateY(-2px);
}

.u360-btn-outline-white {
	background: transparent;
	color: #FFFFFF !important;
	border: 2px solid #FFFFFF;
	border-radius: 9999px;
	padding: 14px 30px;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	transition: all 0.25s ease;
}

.u360-btn-outline-white:hover {
	background: #FFFFFF;
	color: var(--u360-prog-navy) !important;
	transform: translateY(-2px);
}

.u360-programs-cta-section,
.u360-prog-cta-section {
	overflow: hidden;
}

.u360-prog-cta-banner {
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: var(--u360-prog-radius);
	padding: clamp(48px, 7vw, 76px) clamp(24px, 6vw, 60px);
	overflow: hidden;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.u360-prog-cta-content {
	max-width: 620px;
	position: relative;
	z-index: 2;
}

.u360-prog-cta-heading {
	font-size: clamp(1.85rem, 3.2vw, 2.6rem);
	font-weight: 800;
	line-height: 1.2;
	color: #FFFFFF;
	margin-bottom: 12px;
	letter-spacing: -0.02em;
}

.u360-prog-cta-body {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #E2E8F0;
	margin-bottom: 24px;
}

.u360-prog-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.u360-prog-cta-handwritten {
	position: relative;
	z-index: 2;
	transform: rotate(-4deg);
	margin-left: 20px;
}

.u360-prog-cta-handwritten .u360-script-text {
	font-size: 2.1rem;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 1024px) {
	.u360-programs-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.u360-prog-focus-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.u360-prog-opps-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.u360-prog-resources-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.u360-prog-related-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.u360-delivery-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 820px) {
	.u360-programs-hero-grid,
	.u360-prog-hero-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.u360-programs-hero-lead,
	.u360-prog-hero-lead {
		margin-inline: auto;
	}
	.u360-programs-hero-actions,
	.u360-prog-hero-actions {
		justify-content: center;
	}
	.u360-prog-trust-indicators {
		justify-content: center;
	}
	.u360-programs-hero-img,
	.u360-prog-hero-img {
		height: 360px;
	}
	.u360-prog-intro-grid {
		grid-template-columns: 1fr;
	}
	.u360-prog-focus-grid {
		grid-template-columns: 1fr;
	}
	.u360-prog-opps-grid {
		grid-template-columns: 1fr;
	}
	.u360-prog-resources-grid {
		grid-template-columns: 1fr;
	}
	.u360-prog-related-grid {
		grid-template-columns: 1fr;
	}
	.u360-prog-story-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.u360-prog-story-img {
		height: 320px;
	}
	.u360-prog-cta-banner {
		flex-direction: column;
		text-align: center;
		gap: 28px;
	}
	.u360-prog-cta-content {
		margin-inline: auto;
	}
	.u360-prog-cta-actions {
		justify-content: center;
	}
	.u360-prog-cta-handwritten {
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	.u360-programs-cards-grid {
		grid-template-columns: 1fr;
	}
	.u360-delivery-grid {
		grid-template-columns: 1fr;
	}
	.u360-programs-hero-actions .u360-btn,
	.u360-prog-hero-actions .u360-btn,
	.u360-prog-cta-actions .u360-btn {
		width: 100%;
	}
}

/* ==========================================================================
   Find Your Pathway Explorer & Age Pathway Cards
   ========================================================================== */
.u360-pathways-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	margin-top: 32px;
}

.u360-card--pathway {
	background: #ffffff;
	border-radius: var(--u360-radius-card, 20px);
	border: 1px solid var(--u360-color-border, #e8e3ef);
	box-shadow: 0 4px 20px rgba(17, 24, 63, 0.06);
	transition: all 0.28s ease;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.u360-card--pathway:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(111, 36, 199, 0.12);
	border-color: rgba(111, 36, 199, 0.3);
}

.u360-card--pathway .u360-card__body {
	padding: 28px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.u360-card--pathway .u360-card__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--u360-color-navy, #11183f);
	margin: 12px 0 10px;
	line-height: 1.3;
}

.u360-card--pathway .u360-card__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.u360-card--pathway .u360-card__title a:hover {
	color: var(--u360-color-purple, #6f24c7);
}

.u360-card--pathway .u360-card__desc {
	font-size: 15px;
	line-height: 1.55;
	color: var(--u360-color-muted, #667085);
	margin: 0 0 20px;
	flex: 1;
}

.u360-card--pathway .u360-card__footer {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid rgba(232, 227, 239, 0.6);
}

.u360-pathway-explorer-section {
	padding: 40px 0 60px;
	background: #fbfafc;
	border-top: 1px solid var(--u360-prog-border, #E5E9F2);
	border-bottom: 1px solid var(--u360-prog-border, #E5E9F2);
	margin-bottom: clamp(60px, 7vw, 100px);
	scroll-margin-top: 80px;
}

.u360-pathway-filter-bar {
	display: flex;
	gap: 10px;
	margin-bottom: 32px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 6px;
}

.u360-pathway-chip {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	color: #11183f;
	background: #ffffff;
	border: 1.5px solid #e8e3ef;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.2s ease;
	cursor: pointer;
}

.u360-pathway-chip:hover {
	border-color: #6f24c7;
	color: #6f24c7;
	background: #f8f5fc;
}

.u360-pathway-chip.is-active {
	background: #6f24c7;
	border-color: #6f24c7;
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(111, 36, 199, 0.25);
}

.u360-pathway-programs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
}

.u360-pathway-prog-card {
	background: #ffffff;
	border: 1px solid #e8e3ef;
	border-radius: 18px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 16px rgba(17, 24, 63, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.u360-pathway-prog-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(111, 36, 199, 0.12);
	border-color: rgba(111, 36, 199, 0.3);
}

.u360-pathway-prog-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.u360-pathway-prog-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #11183f;
	margin: 0 0 10px;
	line-height: 1.3;
}

.u360-pathway-prog-title a {
	color: inherit;
	text-decoration: none;
}

.u360-pathway-prog-title a:hover {
	color: #6f24c7;
}

.u360-pathway-prog-desc {
	font-size: 14.5px;
	line-height: 1.55;
	color: #555566;
	margin: 0 0 16px;
	flex: 1;
}

.u360-pathway-prog-meta {
	font-size: 13px;
	color: #777788;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.u360-pathway-prog-action {
	margin-top: auto;
}