/* header: cream like the page, no shadow, hairline only */
nav#nav .bar{background:var(--page,#FFF8E6)!important;box-shadow:none!important;border:1px solid rgba(22,35,58,.08)!important}
#mpanel.mpanel{background:var(--page,#FFF8E6)!important;box-shadow:none!important;border:1px solid rgba(22,35,58,.08)!important}
/* ===== life: dot indicators, reveals, hover lift ===== */
.hx-dots{gap:2px!important;padding:0 10px!important;height:32px!important}
.hx-dot{width:16px!important;height:32px!important;position:relative;transition:width .45s cubic-bezier(.22,1,.36,1)}
.hx-dot[aria-current=true]{width:34px!important}
.hx-dot::after{width:6px!important;height:6px!important;border-radius:3px!important;background:rgba(255,255,255,.5)!important;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s!important}
.hx-dot[aria-current=true]::after{width:24px!important;background:rgba(255,255,255,.35)!important}
.hx-dot::before{left:5px!important;height:6px!important;margin-top:-3px!important;border-radius:3px!important;width:0}
.hx-dot[aria-current=true]::before{animation:hx-fill 6s linear forwards!important}
@keyframes hx-fill{from{width:6px}to{width:24px}}
.hx-card:has(.hx-pause[aria-pressed=true]) .hx-dot[aria-current=true]::before,.hx-card:focus-within .hx-dot[aria-current=true]::before{animation:none!important;width:24px}
.pb-dot::after{width:7px!important;height:7px!important;border-radius:4px!important;transform:none!important;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s!important}
.pb-dot[aria-current=true]::after{width:22px!important;transform:none!important;animation:dot-pulse 2.4s ease-in-out infinite}
@keyframes dot-pulse{50%{opacity:.6}}
.dp-hint i{transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s}
.lv{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--lvd,0s)}
.lv.in{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){
.cms-c,.dp-card,.nc,.ev-c,.chc,.pg-pc,.pg-card,.nm3-c{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.cms-c:hover,.dp-card:hover,.nc:hover,.ev-c:hover,.pg-pc:hover,.nm3-c:hover{transform:translateY(-4px);box-shadow:0 14px 30px -22px rgba(22,35,58,.35)!important}
.cms-c img,.nc img,.ev-c img,.pg-pc img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.cms-c:hover img,.nc:hover img,.ev-c:hover img,.pg-pc:hover img{transform:scale(1.04)}
.btn,.sp-btn{transition:transform .25s,filter .25s}.btn:hover,.sp-btn:hover{transform:translateY(-1px)}
}
@media (prefers-reduced-motion:reduce){.lv{opacity:1!important;transform:none!important;transition:none!important}.hx-dot[aria-current=true]::before{animation:none!important;width:24px}.pb-dot[aria-current=true]::after{animation:none!important}.cms-c,.dp-card,.nc,.ev-c,.pg-pc,.nm3-c,.btn,.sp-btn,.cms-c img,.nc img,.ev-c img,.pg-pc img{transition:none!important;transform:none!important}}
/* ===== youth challenge: three equal tinted tiles on the cream page ===== */
.yth{padding:96px 0 88px;background:transparent}
.yth h2{color:#0D3C87;max-width:22ch}
.yth-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:44px 0 40px;align-items:stretch}
.yth-t{border-radius:20px;padding:28px 28px 30px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;border:0;box-shadow:none}
.yth-t.t-n{background:#EAF0FA;--c:#0D3C87;--c2:rgba(13,60,135,.18)}
.yth-t.t-r{background:#FDECEC;--c:#C62828;--c2:rgba(198,40,40,.18)}
.yth-t.t-g{background:#E8F5EB;--c:#0B7D22;--c2:rgba(11,125,34,.18)}
.yth-v{display:block;width:100%;height:56px;margin:0 0 22px}
.yth-t b{display:block;font:600 56px/1 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:var(--c);font-variant-numeric:tabular-nums}
.yth-t p{margin:12px 0 0;font-size:16px;line-height:1.45;color:#212D3D;max-width:30ch}
.yth-t sup{font-size:.7em;color:var(--c);font-weight:600}
/* age scale */
.yth-v .ax{stroke:var(--c2);stroke-width:4;stroke-linecap:round}
.yth-v .tk line{stroke:var(--c2);stroke-width:1.5}
.yth-v .fill{stroke:var(--c);stroke-width:4;stroke-linecap:round;stroke-dasharray:38;stroke-dashoffset:38;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}
.yth-v .mk{transform:translateX(-38px);transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .4s;opacity:0}
.yth-v .mk circle{fill:var(--c);stroke:#EAF0FA;stroke-width:3}
.yth-v text{font:600 9px Inter,sans-serif;fill:#4A5568}
.yth.go .yth-v .fill{stroke-dashoffset:0}.yth.go .yth-v .mk{transform:none;opacity:1}
/* 100 dots */
.dots circle{fill:var(--c2)}
.dots circle.on{fill:var(--c2);transition:fill .3s ease calc(var(--i)*35ms)}
.yth.go .dots circle.on{fill:var(--c)}
/* bars */
.bars{display:grid;align-content:center;gap:10px}
.bars .br{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;font:600 12.5px/1.2 Inter,sans-serif;color:#212D3D}
.bars i{position:relative;display:block;height:14px;border-radius:7px;background:rgba(11,125,34,.08);overflow:hidden}
.bars em{position:absolute;left:0;top:0;bottom:0;border-radius:7px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.bars .hi{background:var(--c2)}.bars .lo{background:var(--c);z-index:1}.bars .jb{background:var(--c)}
.yth.go .bars em{width:var(--w)}
.yth-l{font:600 clamp(20px,2.2vw,26px)/1.35 var(--hd,Inter),Inter,sans-serif;color:#16233A;max-width:34ch;letter-spacing:-.01em;text-wrap:balance;margin:0}
.yth-f{margin:20px 0 0;font-size:13.5px;line-height:1.5;color:#4A5568;max-width:80ch}
@media(max-width:1023px){.yth-t{padding:24px 22px 26px}.yth-t b{font-size:46px}.bars .br{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:760px){.yth{padding:64px 0 64px}.yth-g{grid-template-columns:1fr;gap:12px;margin:32px 0 32px}.yth-t b{font-size:44px}.yth-v{height:52px;margin-bottom:18px}.yth-t p{max-width:none}}
@media(prefers-reduced-motion:reduce){.yth-v .fill,.yth-v .mk,.dots circle.on,.bars em{transition:none!important}}
/* one container edge for every block: footer matches the header pill and content cards */
footer{margin-left:auto!important;margin-right:auto!important;width:auto!important;max-width:calc(min(100vw,1280px) - 80px)!important}
@media(max-width:760px){footer{max-width:calc(100vw - 40px)!important}}
/* youth tiles v2: one chart only, every number the same size and colour */
.yth-t b{color:#0D3C87!important}
.yth-t .bars{margin:22px 0 0;height:auto}
.yth-t.t-g{--c:#0B7D22}
/* one real moment: Leader of the Month */
.mom{padding:24px 0 88px}
.mom-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.mom-ph{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#E6EAF0}
.mom-ph img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.mom.in .mom-ph img,.mom-ph img.in{transform:none}
.mom h2{font:600 clamp(30px,3.6vw,48px)/1.08 var(--hd,Inter),Inter,sans-serif;letter-spacing:-.03em;color:#0D3C87;margin:10px 0 18px;text-wrap:balance}
.mom p{font-size:18px;line-height:1.55;color:#212D3D;max-width:44ch;margin:0 0 24px}
.mom p b{color:#0D3C87}
@media(max-width:899px){.mom-g{grid-template-columns:1fr;gap:28px}.mom{padding:8px 0 64px}}
/* "We Are TGLC" marquee: continuous, pauses on hover or touch */
.tb-wm.wm-on{overflow:hidden;text-align:left!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.wm-t{display:inline-flex;width:max-content;animation:wm 38s linear infinite}
.wm-t>span{padding-right:.45em}
.tb-wm:hover .wm-t,.tb-wm.wm-hold .wm-t{animation-play-state:paused}
@keyframes wm{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.wm-t{animation:none}.tb-wm.wm-on{text-align:center!important;-webkit-mask-image:none;mask-image:none}.wm-t>span+span{display:none}}
/* footer v2: logo leads the "We Are TGLC" marquee (scrolls left); brand blurb removed; programme ribbon slims onto the copyright row (scrolls right) */
footer .fbrand{display:none!important}
.wm-t>span{display:inline-flex;align-items:center;gap:.18em}
.wm-lg{height:.78em;width:auto;flex:none;margin-right:.08em;transform:translateY(.02em)}
footer .bt.bt-mq{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
footer .bt.bt-mq>span{flex:none}
.fmq.fmq-bt{flex:1 1 auto;min-width:0;max-width:560px;margin:0!important;padding:0!important;border:0!important}
.fmq.fmq-bt .fmq-t{animation:fmq-r 60s linear infinite}
.fmq.fmq-bt .fmq-g span{font-size:13px!important;padding:0 12px!important;gap:24px!important;color:rgba(255,255,255,.7)}
.fmq.fmq-bt .fmq-g span:after{width:4px;height:4px;margin-right:-12px}
.fmq.fmq-bt:hover .fmq-t,.fmq.fmq-bt.wm-hold .fmq-t{animation-play-state:paused}
@keyframes fmq-r{from{transform:translateX(-50%)}to{transform:none}}
@media(max-width:760px){footer .bt.bt-mq{flex-direction:column;align-items:flex-start;gap:10px}.fmq.fmq-bt{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.fmq.fmq-bt .fmq-t{animation:none}}
footer>.w>.g,footer .g{padding-top:64px}
.fmq.fmq-bt .fmq-t,.fmq.fmq-bt .fmq-g{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content}
.fmq.fmq-bt .fmq-g+.fmq-g{display:flex!important}
/* youth v3: headline left, response right; one card with hairline dividers and a visual per stat */
.yth{padding:88px 0 80px}
.yth-hd{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:36px}
.yth-hd h2{margin:0!important;max-width:none}
.yth-hd .yth-l{font:500 17px/1.5 Inter,sans-serif!important;color:#212D3D;max-width:46ch;margin:0;letter-spacing:0}
.yth-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:24px;padding:32px 0}
.yth-s{padding:0 32px;display:flex;flex-direction:column;border-left:1px solid rgba(22,35,58,.12)}
.yth-s:first-child{border-left:0}
.yth-s b{display:block;font:600 52px/1 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:#0D3C87;font-variant-numeric:tabular-nums}
.yth-s p{margin:10px 0 20px;font-size:15.5px;line-height:1.45;color:#212D3D;min-height:3em}
.yth-s sup{font-size:.7em;color:#0D3C87;font-weight:600}
.yth-s{--c:#0D3C87;--c2:rgba(13,60,135,.16)}
.yth-s .yth-v{margin:auto 0 0;height:48px}
.yth-s .bars{height:auto;gap:8px}
.yth-s .bars i{background:rgba(13,60,135,.08)}
.yth-s .yth-v .mk circle{stroke:#fff}
@media(max-width:1023px){.yth-hd{grid-template-columns:1fr;gap:16px}.yth-s{padding:0 22px}.yth-s b{font-size:42px}}
@media(max-width:760px){.yth-card{grid-template-columns:1fr;padding:8px 22px}.yth-s{padding:22px 0;border-left:0;border-top:1px solid rgba(22,35,58,.12)}.yth-s:first-child{border-top:0}.yth-s p{min-height:0}}
.yth-hd .yth-l{font-weight:400!important}.yth-hd .yth-l *{font-weight:inherit!important}.yth-s p{margin-bottom:0}.yth-s .bars{margin-top:18px}
.pr-chips.pr-num{list-style:none;counter-reset:n;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:20px 0 0}
.pr-chips.pr-num li{counter-increment:n;background:#fff;border-radius:999px;padding:9px 16px 9px 10px;font:600 14.5px/1.2 Inter,sans-serif;color:#16233A;display:flex;align-items:center;gap:10px}
.pr-chips.pr-num li:before{content:counter(n);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EAF0FA;color:#0D3C87;font-size:12px}
@media(max-width:760px){.pr-chips.pr-num{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pr-chips.pr-num li{font-size:13px;padding:8px 10px 8px 8px;gap:8px;border-radius:14px;line-height:1.25}.pr-chips.pr-num li:before{flex:none;width:22px;height:22px}}
/* youth v4: one card, three brand colours, a soft graphic per stat */
.yth-s.c-n{--c:#0D3C87;--t:rgba(13,60,135,.14)}.yth-s.c-r{--c:#C62828;--t:rgba(198,40,40,.14)}.yth-s.c-g{--c:#0B7D22;--t:rgba(11,125,34,.14)}
.yth-s b{color:var(--c)!important}.yth-s sup{color:var(--c)!important}
.yth-s p{margin:10px 0 0!important;min-height:2.9em}
.yv{margin-top:auto;padding-top:28px;height:84px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}
.ease{transition-timing-function:cubic-bezier(.22,1,.36,1)}
/* age */
.age-t{position:relative;height:8px;border-radius:4px;background:var(--t)}
.age-f{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;background:var(--c);transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.age-m{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px #fff;transition:left 1.4s cubic-bezier(.22,1,.36,1)}
.age-m em{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:700 11px/1 Inter,sans-serif;font-style:normal;color:var(--c);background:var(--t);padding:4px 7px;border-radius:999px;opacity:0;transition:opacity .4s .9s}
.age-x{display:flex;justify-content:space-between;margin-top:10px;font:500 11px/1 Inter,sans-serif;color:#4A5568}
.yth.go .age-f{width:23.75%}.yth.go .age-m{left:23.75%}.yth.go .age-m em{opacity:1}
/* people */
.ppl{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:2px}
.ppl svg{width:9%;max-width:30px;height:auto;flex:none}
.ppl .bg{fill:var(--t)}.ppl .fg{fill:var(--c);opacity:0;transform:translateY(4px);transition:opacity .5s calc(var(--i)*90ms),transform .5s calc(var(--i)*90ms)}
.yth.go .ppl .fg{opacity:1;transform:none}
/* bars */
.bars2{gap:12px}
.b2{display:grid;gap:6px}.b2 span{font:600 12.5px/1.2 Inter,sans-serif;color:#212D3D}
.b2 i{display:block;height:10px;border-radius:5px;background:rgba(22,35,58,.06);overflow:hidden}
.b2 em{display:block;height:100%;width:0;border-radius:5px;transition:width 1.3s cubic-bezier(.22,1,.36,1)}
.b2 .e1{background:var(--c)}.b2 .e2{background:#E8A33D;transition-delay:.25s}
.yth.go .b2 em{width:var(--w)}
.yth-s .bars,.yth-s .yth-v{display:none}
@media(max-width:760px){.yv{height:auto;padding-top:22px}.yth-s p{min-height:0}}
@media(prefers-reduced-motion:reduce){.age-f,.age-m,.age-m em,.ppl .fg,.b2 em{transition:none!important}}
.ppl svg{width:28px!important;height:28px!important;max-width:none}
.ppl{justify-content:flex-start;gap:4px}
.yv.age{padding-top:40px}
@media(max-width:1023px){.ppl svg{width:22px!important;height:22px!important}.ppl{gap:2px}}
@media(max-width:760px){.yv.age{padding-top:40px}.ppl svg{width:28px!important;height:28px!important}.ppl{gap:3px}}
.ppl svg{width:20px!important;height:34px!important}.ppl{gap:10px;justify-content:flex-start}
@media(max-width:1023px){.ppl svg{width:14px!important;height:24px!important}.ppl{gap:6px}}
@media(max-width:760px){.ppl svg{width:18px!important;height:30px!important}.ppl{gap:0;justify-content:space-between}}
.mom-ph{background:#0D3C87;aspect-ratio:auto}.mom-ph img{height:auto;object-fit:contain}
/* phones: short icon cards sit two per row instead of a long stack */
@media(max-width:560px){.pr-grid:has(>.pr-card .pr-ic){grid-template-columns:1fr 1fr!important;gap:10px!important}.pr-grid:has(>.pr-card .pr-ic)>.pr-card{padding:16px 14px!important}.pr-grid:has(>.pr-card .pr-ic) h3{font-size:15px!important;line-height:1.25!important}.pr-grid:has(>.pr-card .pr-ic) p{font-size:13.5px!important;line-height:1.45!important}.pr-grid:has(>.pr-card .pr-ic) .pr-ic{margin-bottom:10px!important}}
@media(prefers-reduced-motion:reduce){.pr-rv,.rv{opacity:1!important;transform:none!important;transition:none!important}}
/* navy footer on every page, even where no closing band precedes it */
body>footer{background:#0D3C87;color:#fff;margin:0 16px 16px;border-radius:32px}
body>footer *{border-color:rgba(255,255,255,.14)!important}
body>footer p,body>footer li,body>footer small,body>footer span{color:rgba(255,255,255,.75)!important}
body>footer h4{color:#FFBF37!important}
body>footer a{color:#fff!important}
body>footer img.tb-flogo{background:none;padding:0;border-radius:0;box-shadow:none;height:144px;width:144px;display:block;margin-bottom:24px}
@media(max-width:760px){body>footer{margin:0 8px 8px}}.ppl{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px!important;align-items:end;max-width:280px}
.ppl svg{width:100%!important;height:auto!important;aspect-ratio:10/17;max-height:34px}
/* Leader of the Month v2: portrait, generous space, one red accent */
.mom{padding:56px 0 112px!important}
.mom-g{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:clamp(40px,7vw,112px)!important;align-items:center!important}
.mom-ph{aspect-ratio:4/5!important;background:#E9E4D6!important;border-radius:20px!important;max-width:440px;width:100%}
.mom-ph img{height:100%!important;object-fit:cover!important;object-position:50% 20%;transform:scale(1.04);transition:transform 1.8s cubic-bezier(.22,1,.36,1)!important}
.mom.in .mom-ph img{transform:none}
.mom-tx{max-width:520px}
.mom-eb{display:flex;align-items:center;gap:12px;font:600 12px/1 Inter,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#4A5568!important;margin:0 0 28px!important}
.mom-eb:before{content:"";width:28px;height:2px;background:#C62828;border-radius:2px}
.mom h2{font:500 clamp(32px,3.6vw,52px)/1.08 var(--hd,Inter),Inter,sans-serif!important;letter-spacing:-.03em;color:#16233A!important;margin:0 0 40px!important}
.mom-st{display:flex;align-items:baseline;gap:16px;padding:24px 0;border-top:1px solid rgba(22,35,58,.12);border-bottom:1px solid rgba(22,35,58,.12);margin:0 0 28px}
.mom-st b{font:600 44px/1 Inter,sans-serif;letter-spacing:-.03em;color:#C62828;font-variant-numeric:tabular-nums}
.mom-st span{font-size:15px;line-height:1.45;color:#212D3D;max-width:30ch}
.mom-by{margin:0 0 32px!important;font-size:15px!important;line-height:1.55!important;color:#4A5568!important;max-width:44ch}
.mom-by strong{display:block;font:600 17px/1.3 Inter,sans-serif;color:#16233A;margin-bottom:4px}
.mom-ln{font:600 15px/1 Inter,sans-serif;color:#0D3C87;text-decoration:none;display:inline-flex;gap:8px;align-items:center;padding-bottom:4px;border-bottom:1px solid rgba(13,60,135,.3);transition:border-color .3s}
.mom-ln span{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.mom-ln:hover{border-color:#0D3C87}.mom-ln:hover span{transform:translateX(4px)}
.mom-tx>*{opacity:0;transform:translateY(12px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.mom.in .mom-tx>*{opacity:1;transform:none}
.mom.in .mom-tx>:nth-child(2){transition-delay:.08s}.mom.in .mom-tx>:nth-child(3){transition-delay:.16s}.mom.in .mom-tx>:nth-child(4){transition-delay:.24s}.mom.in .mom-tx>:nth-child(5){transition-delay:.32s}
@media(max-width:899px){.mom{padding:24px 0 80px!important}.mom-g{grid-template-columns:1fr!important;gap:36px!important}.mom-ph{max-width:none;aspect-ratio:4/4.4!important}.mom h2{margin-bottom:28px!important}}
@media(prefers-reduced-motion:reduce){.mom-tx>*,.mom-ph img{opacity:1!important;transform:none!important;transition:none!important}}
img[src*="leader-of-the-month-of-april-emmanuel-adepa-1"]{object-position:50% 18%!important}
@media(min-width:640px) and (max-width:899px){.mom-g{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:40px!important}.mom-ph{aspect-ratio:4/5!important}.mom h2{font-size:30px!important}}
.mom-st{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center!important;column-gap:20px!important;padding:22px 0!important}
.mom-st b{line-height:.9!important;margin:0;padding:0}
.mom-st span{display:block;font-size:14.5px!important;line-height:1.4!important;max-width:26ch;padding-left:20px;border-left:1px solid rgba(22,35,58,.12)}
@media(max-width:639px){.mom-st b{font-size:40px!important}.mom-st{column-gap:16px!important}.mom-st span{padding-left:16px}}
/* articles: structured point lists (bold lead + text) */
.nwa-body .nwa-pts{list-style:none;padding:0!important;margin:28px 0 36px;display:grid;gap:0;counter-reset:pt}
.nwa-body .nwa-pts li{margin:0;padding:22px 0;border-top:1px solid rgba(22,35,58,.12);display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.nwa-body .nwa-pts li:last-child{border-bottom:1px solid rgba(22,35,58,.12)}
.nwa-body .nwa-pts h3{margin:0!important;font:600 18px/1.3 var(--hd,Inter),Inter,sans-serif!important;color:#16233A;letter-spacing:-.01em}
.nwa-body .nwa-pts p{margin:0!important;font-size:16.5px;line-height:1.6;color:#4A5568}
.nwa-body .nwa-pts.n li{counter-increment:pt;grid-template-columns:40px minmax(0,1fr);column-gap:16px}
.nwa-body .nwa-pts.n li:before{content:counter(pt);grid-row:1/span 2;width:32px;height:32px;border-radius:50%;background:#EAF0FA;color:#0D3C87;font:600 14px/32px Inter,sans-serif;text-align:center}
.nwa-body .nwa-pts.n h3,.nwa-body .nwa-pts.n p{grid-column:2}
/* article hero portrait: fill the photo box, no frame */
.nwa-hero img[src*="leader-of-the-month-of-april-emmanuel-adepa-1"]{object-fit:cover!important;aspect-ratio:1.09;object-position:50% 22%!important;background:none!important}
/* leftover photos sit on the same 760px column as the text */
.nwa-ph{max-width:760px!important}
/* seven sectors: equal tiles, icon + one name */
.sec7{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.sec7 li{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:112px;padding:18px 16px;border-radius:16px;background:#fff;color:#16233A;font:600 15px/1.25 Inter,sans-serif}
.sec7 svg{width:24px;height:24px;color:#0D3C87;flex:none}
@media(max-width:1199px){.sec7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.sec7{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sec7 li{min-height:96px;padding:16px 14px}}
/* inside a narrow card: a tidy list of equal rows */
.dp-card .sec7{display:block;margin-top:18px;border-top:1px solid rgba(22,35,58,.1)}
.dp-card .sec7 li{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:0;padding:11px 0;border-radius:0;background:none;border-bottom:1px solid rgba(22,35,58,.1);font-size:15px}
.dp-card .sec7 svg{width:20px;height:20px}
/* Meet our leaders: breathing cards, name + lead-in + cohort/lab line */
.ldg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}
.ldc{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden}
.ldc-i{aspect-ratio:4/5;overflow:hidden;background:#E9E4D6}
.ldc-i img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.ldc-b{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.ldc h3{margin:0 0 8px!important;font:600 17px/1.3 var(--hd,Inter),Inter,sans-serif!important;color:#16233A;letter-spacing:-.01em}
.ldc-l{margin:0!important;font-size:14px!important;line-height:1.5!important;color:#4A5568}
.ldc-m{margin:auto 0 0!important;padding-top:14px;display:flex;flex-direction:column;gap:3px;font:500 12.5px/1.4 Inter,sans-serif;color:#0D3C87}
.ldc-l+.ldc-m{margin-top:14px!important;border-top:1px solid rgba(22,35,58,.08);padding-top:12px}
@media(max-width:1023px){.ldg{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.ldg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ldc-b{padding:14px 14px 16px}.ldc h3{font-size:15px!important}.ldc-l{font-size:13px!important}.ldc-m{font-size:11.5px}}
.ldc-l{flex:1}.ldc-m{margin-top:14px!important;border-top:1px solid rgba(22,35,58,.08);padding-top:12px!important}.ldc h3:last-child{margin:0!important}
/* wider shared container: one edge for every block */
:root{--gut:40px;--wmax:1360px}
@media(max-width:1023px){:root{--gut:32px}}
@media(max-width:760px){:root{--gut:20px}}
.w{max-width:var(--wmax)!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;box-sizing:border-box}
footer,.tb-cta,.chal,.cap{max-width:calc(min(100vw,var(--wmax)) - 2*var(--gut))!important}
nav#nav .bar{max-width:calc(min(100vw,var(--wmax)) - 2*var(--gut))!important;margin-left:auto!important;margin-right:auto!important}
nav#nav>.w{max-width:none!important;padding-left:0!important;padding-right:0!important}
.ldc-m span{font:inherit!important;color:inherit!important;display:block}.ldc h3{font-size:18px!important}@media(max-width:700px){.ldc h3{font-size:15px!important}}
.ldc .ldc-m{font:500 12.5px/1.4 Inter,sans-serif!important;color:#0D3C87!important}@media(max-width:700px){.ldc .ldc-m{font-size:11.5px!important}}
.sec3 .sec7{grid-column:1/-1}.sec7 li span{overflow-wrap:anywhere}
@media(max-width:700px){.sec7 li:last-child{grid-column:1/-1;min-height:0}}
@media(max-width:900px){.lab3-row>.rv,.pc3-g>.rv,.nw>.rv{opacity:1!important;transform:none!important}}
/* list pages (News, Gallery): text-only hero */
.pr-hero-g.pr-hero-txt{grid-template-columns:1fr!important}
.pr-hero-txt .pr-hero-t{max-width:760px}
/* gallery: fixed square rows so wide tiles never leave holes */
.gal{grid-auto-rows:calc((100vw - 2*var(--gut) - 10px)/2)}
.gal a{aspect-ratio:auto!important;height:100%}
@media(min-width:768px){.gal{grid-auto-rows:calc((min(100vw,var(--wmax)) - 2*var(--gut) - 48px)/4)}}
/* ===== polish pass (live audit, Oct 20) ===== */
/* home: FAQ heading sits at the top of its list */
#faq .w{align-items:start!important}
/* home: news + editorial titles stay calm at tablet width */
@media(min-width:761px) and (max-width:1023px){.nw .nc h3{font-size:16px!important;line-height:1.3!important}.pod h3{font-size:28px!important}}
/* section header rows (heading + button) never squeeze the heading on phones */
@media(max-width:760px){.hd{flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.hd h2{font-size:30px!important}}
/* partner names: quieter on phones */
@media(max-width:760px){.prt-l li{font-size:14px!important;padding:16px 12px!important}}
/* closing section: buttons side by side on phones */
@media(max-width:760px){.tb-cta .r{flex-wrap:nowrap!important;gap:10px!important;justify-content:center}.tb-cta .r .btn{padding:13px 16px!important;font-size:14px!important;white-space:nowrap}}
/* programme pages: hero and image pairs share one column split */
@media(min-width:900px){.pr-pair.rev{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}}
/* phones: never two photos back to back under the hero */
@media(max-width:899px){.pr-hero+.pr-sec .pr-pair>.pr-ph,header.pr-hero~.pr-sec:first-of-type .pr-pair>.pr-ph{order:2}}
/* five-item step lists: one row on desktop, no orphan slot */
@media(min-width:1200px){.pr-steps:has(>li:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:600px) and (max-width:1199px){.pr-steps:has(>li:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}.pr-steps:has(>li:nth-child(5):last-child)>li:last-child{grid-column:1/-1}}
/* phones: compact steps, number beside the title */
@media(max-width:599px){.pr-steps li{display:grid!important;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:18px!important}.pr-steps li:before{grid-row:1/span 2;width:32px!important;height:32px!important;font-size:14px!important}.pr-steps li>*{grid-column:2;margin:0!important}.pr-steps li h3{align-self:center}}
/* phones: programme photo cards two per row */
@media(max-width:760px){.pr-grid.c4:has(>.pr-pcard){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.pr-pcard .pr-pb{padding:14px!important}.pr-pcard h3{font-size:15px!important;line-height:1.3!important}}
/* Impact Labs: five tinted lab cards in one row on desktop */
.pr-labs>.pr-card{border:0!important}
.pr-labs>.pr-card:nth-child(1){background:#E8EEF8!important}.pr-labs>.pr-card:nth-child(2){background:#FFF3D6!important}.pr-labs>.pr-card:nth-child(3){background:#FBE9E9!important}.pr-labs>.pr-card:nth-child(4){background:#EEE9F8!important}.pr-labs>.pr-card:nth-child(5){background:#E6F3E8!important}
@media(min-width:1200px){.pr-grid.pr-labs{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:760px){.pr-grid.pr-labs>.pr-card:last-child{grid-column:1/-1}}
/* one heading colour */
section.dp>.w>h2{color:#16233A!important}
/* forms beside a photo: photo and form share one height */
.pr-fs{align-items:stretch!important}
.pr-fs .pr-formcard{display:flex;flex-direction:column;justify-content:center}
@media(min-width:900px){.pr-fs-side:has(>.pr-ph:only-child) .pr-ph{height:100%;margin:0}.pr-fs-side:has(>.pr-ph:only-child) .pr-ph img{height:100%!important;object-fit:cover}}
/* brochure: breathing room above the closing section */
.bro-pager,.pr-sec:has(.bro){margin-bottom:24px}
.pr-fs-hd{max-width:760px;margin-bottom:28px}.pr-fs-hd h2{margin:0 0 10px!important}.pr-fs-hd p{margin:0}
section.bk3{padding-bottom:64px!important}
/* contact: compact cards on phones (icon beside title) */
@media(max-width:760px){.pg-card{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:6px;padding:18px!important;align-items:center}.pg-card .pg-ic{grid-row:1;margin:0!important;width:40px;height:40px}.pg-card h3{margin:0!important;font-size:17px!important}.pg-card>*:not(.pg-ic):not(h3){grid-column:1/-1}}
/* team page: same breathing cards as Meet our leaders; section headings in ink */
.sp-sec>.w>h2{color:#16233A!important}
.ldg-team .ldc-l{flex:0}
.ldg-team .ldc h3{margin-bottom:6px!important}

/* phones: an odd last card in a two-up grid spans the row (no orphans) */
@media(max-width:760px){.pr-grid>*:last-child:nth-child(odd){grid-column:1/-1}}
/* seven sectors: every label sits in the same two-line slot, so icons and text line up across tiles */
.sec7 li{justify-content:flex-start!important}
.sec7 li span{margin-top:auto;min-height:2.5em;display:flex;align-items:flex-start;overflow-wrap:normal!important}
.dp-card .sec7 li span{min-height:0;margin:0}
@media(min-width:761px) and (max-width:1199px){.pr-grid.pr-labs{grid-template-columns:repeat(6,minmax(0,1fr))!important}.pr-grid.pr-labs>.pr-card{grid-column:span 2}.pr-grid.pr-labs>.pr-card:nth-child(n+4){grid-column:span 3}}
/* second pass (Oct 20): no orphan card in two-up grids on tablets; three short icon cards sit in one row */
@media(min-width:761px) and (max-width:1023px){.pr-grid:not(.pr-labs)>*:last-child:nth-child(odd){grid-column:1/-1}
.pr-grid.c3:has(>.pr-card.t:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-grid.c3:has(>.pr-card.t:nth-child(3):last-child)>*:last-child{grid-column:auto}}
/* article with a single extra photo: show it at a readable size instead of a lone thumbnail */
.nwa-ph:has(>a:only-child){display:block!important}
.nwa-ph:has(>a:only-child) a{width:min(100%,440px);aspect-ratio:auto}
.nwa-ph:has(>a:only-child) img{height:auto}
/* Impact Labs numbers (Oct 20): real 2026/27 figures from the Engine Room handbooks */
.lc-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:900px){.lc-grid{grid-template-columns:1fr 1fr}.lc-wide{grid-column:1/-1}}
.lc-card{margin:0;background:#fff;border-radius:20px;padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:18px;min-width:0}
.lc-card figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px}
.lc-card h3{margin:0!important;font-size:19px!important;color:#16233A}
.lc-card figcaption p{margin:0;font-size:14.5px;color:#4A5568;flex-basis:100%}
.lc-wide figcaption p{flex-basis:auto;font-size:15px}.lc-wide figcaption p b{font:700 22px/1 var(--hd,Inter);color:#16233A;margin-left:4px}
.lc-bars{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.lc-bars li{display:grid;grid-template-columns:minmax(0,260px) 1fr 44px;grid-template-rows:auto auto;column-gap:16px;align-items:center}
.lc-l{font:600 15px/1.3 Inter,sans-serif;color:#16233A}
.lc-bar{height:14px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,#fff);overflow:hidden}
.lc-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--c);transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.lc.on .lc-bar i{width:var(--w)}
.lc-n{font:700 22px/1 var(--hd,Inter);color:var(--c);text-align:right;font-variant-numeric:tabular-nums}
.lc-bars small{grid-column:2/4;font-size:13px;color:#5A6474;margin-top:4px}
@media(max-width:640px){.lc-bars li{grid-template-columns:1fr 40px;row-gap:6px}.lc-l{grid-column:1/-1}.lc-bar{grid-column:1}.lc-n{grid-column:2}.lc-bars small{grid-column:1/-1;margin-top:0}}
.lc-cols{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:clamp(6px,1.4vw,14px);height:220px;border-bottom:1px solid #E3E8EF}
.lc-cols li{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative;padding-bottom:26px}
.lc-cols i{display:block;width:100%;max-width:46px;height:0;border-radius:8px 8px 3px 3px;background:var(--c);transition:height 1.1s cubic-bezier(.22,1,.36,1)}
.lc.on .lc-cols i{height:calc(var(--h) * .72)}
.lc-cols b{font:700 16px/1 var(--hd,Inter);color:var(--c);font-variant-numeric:tabular-nums}
.lc-cols span{position:absolute;bottom:4px;font:500 12.5px/1 Inter,sans-serif;color:#4A5568}
.lc-sdg{gap:clamp(3px,.8vw,8px)}.lc-sdg b{font-size:14px}
@media(max-width:480px){.lc-sdg b{font-size:12px}.lc-cols span{font-size:11px}}
.lc-ax{margin:-8px 0 0!important;font-size:12.5px!important;color:#5A6474!important;text-align:center}
.lc-src{margin-top:18px!important;font-size:13px!important;color:#5A6474!important;max-width:820px}
@media(prefers-reduced-motion:reduce){.lc-bar i,.lc-cols i{transition:none}}

/* ===== full-width layout (Oct 20): blocks span the viewport with one equal gutter (--edge) on the sides, between stacked cards and at the bottom of the page ===== */
:root{--edge:clamp(12px,1.6vw,24px);--pad:clamp(20px,3.2vw,48px);--gut:var(--pad)}
/* page containers: no centred max-width; content lines up with the card edges plus one inner pad */
html body .w,html body .w.sp-w,html body .sp-hero .w,html body.sp .sp-hero .w,html body .sp-hero>.w,html body section.dp>.w,html body section.pg>.w,html body .sp-sec>.w,html body .dp .w,html body:has(section.dp) .sp-hero .w,html body:has(section.nw) .sp-hero .w{max-width:none!important;padding-left:calc(var(--edge) + var(--pad))!important;padding-right:calc(var(--edge) + var(--pad))!important;box-sizing:border-box}
/* header bar */
html body nav#nav{top:var(--edge)!important}
html body nav#nav>.w{padding-left:var(--edge)!important;padding-right:var(--edge)!important}
html body nav#nav .bar{max-width:none!important;width:100%!important;margin:0!important}
/* card blocks: full width minus the gutter */
html body footer,html body>footer,html body .tb-cta,html body section.tb-cta,html body .tb-cta+footer,html body .chal,html body .cap,html body .cta{max-width:none!important;width:auto!important;margin-left:var(--edge)!important;margin-right:var(--edge)!important;box-sizing:border-box}
html body .tb-cta+footer,html body>footer{margin-top:var(--edge)!important;margin-bottom:var(--edge)!important}
html body .tb-cta{margin-bottom:0!important}
/* a container inside a card already sits on the card edge: only the inner pad */
html body footer .w,html body .tb-cta .w,html body .chal .w,html body .cap .w,html body .cta .w{padding-left:var(--pad)!important;padding-right:var(--pad)!important;max-width:none!important}
/* hero card / hero stack: same gutter, starts one gutter below the header bar */
html body .hx .w{padding-left:var(--edge)!important;padding-right:var(--edge)!important}
html body .hx .hx-tx{padding-left:var(--pad);padding-right:var(--pad)}
/* reading widths stay comfortable inside wider blocks */
html body .w>p,html body .sp-w>p,html body .sp-w>ul,html body .sp-w>ol{max-width:72ch}
html body .tb-cta .w>p,html body .gcta .w>p{margin-left:auto;margin-right:auto}
/* footer "We Are TGLC" marquee: runs edge to edge of the blue card, calmer size, no clipped glyphs, soft fades */
html body footer .tb-wm.wm-on{margin-left:calc(-1*var(--pad))!important;margin-right:calc(-1*var(--pad))!important;font-size:clamp(56px,8.4vw,136px)!important;line-height:1!important;padding:.08em 0!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)!important}
html body footer .tb-wm .wm-t>span{padding-right:.6em}
html body footer .tb-wm .wm-lg{height:.86em}
/* bottom ribbon: wider, gentle fades so words never look chopped */
html body footer .fmq.fmq-bt{max-width:640px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)!important}
@media(max-width:760px){html body footer .fmq.fmq-bt{max-width:none}}
/* phones: a closing section with three buttons wraps instead of running off the card */
@media(max-width:760px){html body .tb-cta .r:has(>.btn:nth-child(3)){flex-wrap:wrap!important}}

/* ===== character pass (Oct 20): light brand tints, one moving band per page, gentle motion ===== */
:root{--t-blue:#EAF0FA;--t-gold:#FFF4D6;--t-green:#E7F4EC;--a-blue:#0D3C87;--a-gold:#A86F00;--a-green:#1B7A3A;--b-gold:#FFBF37;--b-green:#1F8A4C}
/* tinted cards: blue, gold, green in turn */
:is(.pr-grid,.pr-steps,.pr-stats,.pg-grid,.dp-grid,.dp-swipe,.pc3-g,.sec7)>:is(.pr-card:not(.pr-pcard),li,.pg-card,.dp-card,.pc3){--tint:var(--t-blue);--acc:var(--a-blue);background:var(--tint)!important;border-color:transparent!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background-color .3s}
:is(.pr-grid,.pr-steps,.pr-stats,.pg-grid,.dp-grid,.dp-swipe,.pc3-g,.sec7)>:is(.pr-card:not(.pr-pcard),li,.pg-card,.dp-card,.pc3):nth-child(3n+2){--tint:var(--t-gold);--acc:var(--a-gold)}
:is(.pr-grid,.pr-steps,.pr-stats,.pg-grid,.dp-grid,.dp-swipe,.pc3-g,.sec7)>:is(.pr-card:not(.pr-pcard),li,.pg-card,.dp-card,.pc3):nth-child(3n){--tint:var(--t-green);--acc:var(--a-green)}
.pr-labs>.pr-card{--acc:var(--a-blue)}
/* icon accents follow the card tint */
:is(.pr-card,.pg-card,.dp-card,.pr-steps>li,.sec7>li) :is(.pg-ic,.pr-ic,.dp-ic,[class$="-ic"]){color:var(--acc)!important;background:color-mix(in srgb,var(--acc) 12%,#fff)!important}
:is(.pr-card,.pg-card,.dp-card,.sec7>li)>svg,.sec7>li svg{color:var(--acc)!important}
.pr-steps>li:before{background:var(--acc)!important;color:#fff!important}
/* gentle hover lift on interactive cards */
@media(hover:hover){a:is(.pr-card,.pc3,.nc,.cms-c,.dp-card):hover,:is(.pg-grid,.pr-grid)>:is(.pg-card,.pr-card):hover{transform:translateY(-4px);box-shadow:0 14px 30px -18px rgba(13,60,135,.35)}}
/* one moving band per page */
.mb3{margin:clamp(14px,2vw,28px) var(--edge,16px) clamp(28px,4vw,56px);border-radius:999px;overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mb3-y{background:var(--b-gold);color:#0D3C87}
.mb3.mb3-gr{background:var(--b-green);color:#fff}
.mb3-t{display:flex;width:max-content;animation:mb3 64s linear infinite}
.mb3:hover .mb3-t{animation-play-state:paused}
.mb3 .mb3-g{display:flex;flex:none;background:none!important}
.mb3 span{font:600 clamp(15px,1.4vw,19px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;padding:0 22px;display:flex;align-items:center;gap:44px}
.mb3 span:after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;margin-right:-22px}
@keyframes mb3{to{transform:translateX(-50%)}}
@media(max-width:760px){.mb3{padding:12px 0}.mb3 span{padding:0 16px;gap:32px}.mb3 span:after{margin-right:-16px}}
@media(prefers-reduced-motion:reduce){.mb3-t{animation:none}.mb3 .mb3-g+.mb3-g{display:none}.mb3{-webkit-mask-image:none;mask-image:none}.mb3 .mb3-g{flex-wrap:wrap;justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){:is(.pr-card,.pc3,.nc,.cms-c,.dp-card,.pg-card){transition:none!important;transform:none!important}}
/* home: Latest from TGLC (editorial, podcast, newest video): three same-size cards */
.nw.lt{grid-template-columns:repeat(3,minmax(0,1fr))}
.nw.lt>.lt-c{display:flex!important;flex-direction:column;gap:0;height:100%}
.lt-m{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#0D3C87}
.lt-m img{width:100%;height:100%!important;margin:0!important;aspect-ratio:auto!important;object-fit:cover;border-radius:0!important;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.lt-c:hover .lt-m img{transform:scale(1.04)}
.lt-play{position:absolute;left:14px;bottom:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#C4302B;box-shadow:0 6px 18px -6px rgba(0,0,0,.4)}
.lt-k{display:inline-flex;align-self:flex-start;margin:16px 6px 4px;font:600 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--t-blue);color:#0D3C87}
#lt-pod .lt-k{background:var(--t-gold);color:#8A5A00}#lt-yt .lt-k{background:var(--t-green);color:#1B7A3A}
.lt-d{font-size:14px!important;margin:6px 0 0}
.lt-go{margin:auto 6px 6px;padding-top:16px;font:600 14.5px/1 Inter,sans-serif;color:#0D3C87}
.lt-go:after{content:" \2192"}
@media(max-width:760px){.nw.lt{grid-template-columns:none}}
/* contact: one message form; FAQ below */
.ct-form{margin-top:clamp(56px,7vw,96px)}
.ct-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px;margin-bottom:24px}
.ct-hd h2{margin:0!important}.ct-hd p{margin:0;color:#4A5568;max-width:52ch}
.ct-form .pr-formcard{background:#fff;border-radius:24px;padding:clamp(8px,1.6vw,20px)}
.ct-form .sp-form{margin:0;background:none}
.ct-form .sp-btn{background:#0D3C87;color:#fff}
#faq.pg-faq{margin-top:clamp(56px,7vw,96px)}#faq.pg-faq>.eb{display:block;margin-bottom:8px}
#faq.pg-faq{max-width:920px}
.lt-m img[src*="ytimg"]{transform:scale(1.2)}.lt-c:hover .lt-m img[src*="ytimg"]{transform:scale(1.25)}
/* band variants: separator, direction, pace */
.mb3-s-star span:after{content:"\2726";width:auto;height:auto;border-radius:0;background:none;font-size:.8em;opacity:.7}
.mb3-gr.mb3-s-star span:after{color:#FFBF37;opacity:1}.mb3-y.mb3-s-dot span:after{background:#1F8A4C;opacity:.85}
.mb3-rev .mb3-t{animation-direction:reverse}
.mb3-slow .mb3-t{animation-duration:84s}
/* Nav on the content margins: the logo starts and the Donate button ends exactly where the page content does (.w = --edge + --pad).
   13px = bar border 1px + bar padding-left 12px; 8px = border 1px + padding-right 7px. Spec: /workspace/inspo/page-header-spec.md */
html body nav#nav>.w:not(#_){padding-left:calc(var(--edge) + var(--pad) - 13px)!important;padding-right:calc(var(--edge) + var(--pad) - 8px)!important}
html body nav#nav .bar:not(#_){padding-left:12px!important;padding-right:7px!important}
/* Seven sectors (whoweare, what-we-do): one row of 7 equal tiles (desktop) or one swipe row (below 900px) on the shared grid, on the page background. No wrapper card, no strips, no borders.
   Markup from shared/sector-tiles.py. Art motion uses the page-header classes, so reduced motion turns it off. */
html body .sx7s:not(#_){margin:clamp(40px,5vw,64px) 0 0;padding:0;background:none!important;border:0!important;box-shadow:none!important}
html body .dp-solo:not(#_){max-width:760px}
html body .sx7-hd:not(#_){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin:0 0 28px}
html body .sx7-hd :is(h2,h3):not(#_){margin:0!important;color:#16233A}
html body .sx7-hd h3:not(#_){font:600 clamp(24px,2.4vw,32px)/1.15 "Plus Jakarta Sans",Inter,sans-serif!important;letter-spacing:-.02em}
html body .sx7-hd p:not(#_){margin:0!important;font:400 16px/1.6 Inter,sans-serif!important;color:#45474d!important;max-width:52ch}
html body ul.sx7:not(#_){list-style:none;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:clamp(12px,1.2vw,16px)!important}
html body ul.sx7>li:not(#_){display:flex!important;flex-direction:column!important;gap:12px;margin:0!important;padding:12px 12px 16px!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;min-height:0!important;color:#16233A;font:600 15px/1.3 Inter,sans-serif!important}
html body ul.sx7 .sx7-art:not(#_){display:block;width:100%;height:auto;aspect-ratio:16/11;overflow:visible}
html body ul.sx7>li span:not(#_){overflow-wrap:anywhere}
@media(max-width:899px){html body .sx7-hd:not(#_){grid-template-columns:1fr;gap:10px}}
/* Phone and tablet: one swipe row inside the content margins (no empty grid cells) */
@media(max-width:899px){html body ul.sx7:not(#_){grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:clamp(150px,calc((100% - 3 * 14px) / 3.4),220px)!important;gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px!important}
html body ul.sx7>li:not(#_){scroll-snap-align:start}html body ul.sx7::-webkit-scrollbar{display:none}}
/* Wrapper cards around whole sections: the Impact Labs lead block sits on the page background (photo and text on the grid). */
html body .sx7s+.dp-acc:not(#_){margin-top:clamp(28px,3vw,40px)!important}
/* Wrapper cards: */
html body .lab3-lead:not(#_):not(#_){background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
html body .lab3-lead>div:not(#_):not(#_){padding:0!important}
