/*
Theme Name: SSIDI Safe Streets
Theme URI: https://new.maxmarkagency.com/
Author: Maxmark Strategy
Description: Premium responsive NGO theme for Safe Streets Impact & Development Initiative. Strategy-led, conversion-focused, motion-enhanced, accessibility-aware and fully editable in WordPress.
\g<1>11.0.0
Text Domain: ssidi
*/
:root{--navy:#062a54;--navy2:#031b35;--green:#0a8f4c;--green2:#08733e;--yellow:#f5b700;--purple:#6f4ca6;--ink:#10233d;--muted:#5d6f83;--line:#e4ebf1;--light:#f5f8fb;--white:#fff;--radius:20px;--shadow:0 16px 50px rgba(5,34,64,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.62;background:#fff;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--navy2);color:#fff;font-size:12.5px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between;gap:18px}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(6,42,84,.07);transition:.25s}.site-header.scrolled{box-shadow:0 10px 35px rgba(5,34,64,.10)}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img,.brand svg{width:190px;max-height:60px;object-fit:contain}.custom-logo{width:auto!important;max-width:190px!important;max-height:60px!important}.menu{display:flex;gap:22px;margin-left:auto;align-items:center}.menu>a{font-size:13.5px;font-weight:750;color:#17324e;position:relative;padding:26px 0}.menu>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--green);transition:.2s}.menu>a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;border:1.5px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(5,34,64,.16)}.btn-yellow{background:var(--yellow);color:#071b35}.btn-green{background:var(--green);color:#fff}.btn-outline{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.03)}.btn-ghost{border-color:#c8d5e1;color:var(--navy);background:#fff}.mobile-toggle{display:none;margin-left:auto;font-size:25px;background:none;border:0;color:var(--navy);padding:8px;cursor:pointer}
.hero{--hero-y:0px;min-height:590px;background:linear-gradient(90deg,rgba(3,27,53,.96) 0%,rgba(3,27,53,.82) 40%,rgba(3,27,53,.2) 72%),url('assets/images/hero.jpg') center calc(50% + var(--hero-y))/cover no-repeat;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.18)}.hero-copy{max-width:650px;padding:86px 0 92px;position:relative;z-index:2}.eyebrow,.kicker{font-weight:900;letter-spacing:.09em;font-size:12px;text-transform:uppercase}.eyebrow{color:var(--yellow)}.kicker{color:var(--green)}.hero h1{font-size:clamp(45px,5.3vw,72px);line-height:1.01;letter-spacing:-.035em;margin:12px 0 22px}.hero p{font-size:18px;max-width:570px;color:#eef4f8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:13px;color:#dce8f1}.hero-note:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(10,143,76,.17)}
.impactbar{background:var(--navy);color:#fff;padding:20px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;text-align:center}.stat{padding:6px 18px;border-right:1px solid rgba(255,255,255,.15)}.stat:last-child{border:0}.stat strong{font-size:16px;color:var(--yellow);display:block;margin-bottom:3px}.stat span{font-size:12.5px;color:#d9e4ed}.section{padding:84px 0}.section.light{background:linear-gradient(180deg,#f8fafc,#f3f7fa)}.center{text-align:center}.section h2,.content h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.025em;margin:8px 0 12px;color:var(--navy)}.lead{font-size:17px;color:var(--muted);max-width:760px;margin:0 auto 34px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(6,42,84,.05);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d7e2ea}.card img{width:100%;height:128px;object-fit:cover}.card-body{padding:18px}.card h3{margin:0 0 8px;color:var(--navy);font-size:17px}.card p{font-size:13px;color:#52657a;line-height:1.55}.link{color:var(--green);font-weight:850;font-size:13px}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:34px}.step{padding:20px 10px;text-align:center;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-8px;top:35px;color:#aebdca}.step b{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf7f0;color:var(--green);margin:0 auto 10px;font-size:16px}.campaign{background:linear-gradient(100deg,rgba(3,38,77,.98),rgba(3,38,77,.74)),url('assets/images/campaign.jpg') center/cover;color:#fff;border-radius:28px;padding:52px 54px;position:relative;overflow:hidden}.campaign:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(10,143,76,.22);right:-80px;top:-110px}.campaign h2{color:#fff;max-width:620px}.campaign p{max-width:760px;color:#e5eef5}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.way{padding:24px;background:#fff;border-radius:18px;border:1px solid var(--line);transition:.25s}.way:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.way h3{color:var(--navy);margin:0 0 8px}.way p{color:var(--muted);font-size:14px}.footer{background:var(--navy2);color:#fff;padding:58px 0 26px}.footgrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer .brand img{filter:brightness(0) invert(1);opacity:.98}.footer h4{color:var(--yellow);margin:0 0 15px}.footer a{display:block;opacity:.82;margin:7px 0;font-size:13.5px}.footer a:hover{opacity:1;color:var(--yellow)}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:18px;font-size:12.5px;opacity:.72}
.page-hero{background:radial-gradient(circle at 85% 30%,rgba(10,143,76,.35),transparent 30%),linear-gradient(115deg,var(--navy2),var(--navy));color:#fff;padding:68px 0 72px}.page-hero .kicker{color:#8fdfb4}.page-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.02;letter-spacing:-.03em;margin:8px 0 0}.content{padding:70px 0 90px}.content .wrap{max-width:1120px}.content-intro{max-width:790px;margin-bottom:40px}.content-intro h2{font-size:clamp(34px,4vw,50px)}.lead-left{font-size:18px;color:var(--muted);line-height:1.7}.feature-split{margin:46px 0 64px}.content-image{width:100%;border-radius:22px;max-height:400px;object-fit:cover;box-shadow:var(--shadow)}.values-grid,.metric-grid,.action-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 58px}.values-grid article,.metric-grid article,.action-grid article,.resource-grid article{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(6,42,84,.045);transition:.25s}.values-grid article:hover,.metric-grid article:hover,.action-grid article:hover,.resource-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.values-grid h3,.action-grid h3,.resource-grid h3{color:var(--navy);margin:0 0 8px}.metric-grid{grid-template-columns:repeat(5,1fr)}.metric-grid strong{display:block;color:var(--navy);font-size:16px}.metric-grid p{font-size:13px;color:#607086}.callout{background:linear-gradient(125deg,var(--navy2),var(--navy));color:#fff;padding:46px 48px;border-radius:24px;margin:58px 0;overflow:hidden}.callout h2{font-size:36px;margin:7px 0 16px;color:#fff}.callout p{color:#e4edf5;max-width:800px}
.programme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 58px}.programme-card{display:grid;grid-template-columns:172px 1fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(6,42,84,.05);transition:.25s}.programme-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.programme-card .thumb{background:#f0f6f3;display:flex;align-items:center;justify-content:center;padding:10px}.programme-card img{width:152px;height:104px;object-fit:cover;border-radius:13px}.programme-card .pc-body{padding:22px 22px 20px}.programme-card .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf7f0;color:var(--green);font-size:12px;font-weight:900;margin-bottom:8px}.programme-card h3{font-size:21px;color:var(--navy);margin:0 0 7px}.programme-card p{color:var(--muted);font-size:14px;margin:0 0 11px;line-height:1.58}.programme-card:last-child{grid-column:1/-1;grid-template-columns:172px 1fr}.process-panel{background:#f6f9fb;border:1px solid var(--line);border-radius:24px;padding:34px;margin-top:40px}.process-panel .process{margin-top:18px}
.action-grid{grid-template-columns:repeat(5,1fr)}.resource-grid{grid-template-columns:repeat(4,1fr)}.badge{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:30px;background:#eef7f1;color:var(--green);font-weight:800;font-size:11px}.form-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;background:linear-gradient(135deg,#f6f9fb,#eef5f1);padding:40px;border-radius:22px;margin:52px 0;border:1px solid var(--line)}.ssidi-form label{display:block;font-weight:700;font-size:13px;color:var(--navy)}.ssidi-form input,.ssidi-form textarea,.ssidi-form select{width:100%;margin:6px 0 14px;padding:13px 14px;border:1px solid #cbd7e2;border-radius:10px;background:#fff;font:inherit;outline:none}.ssidi-form input:focus,.ssidi-form textarea:focus,.ssidi-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(10,143,76,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice.success{background:#eaf8ef;border:1px solid #b9e2c8;padding:14px 16px;border-radius:9px;color:#176638;margin-bottom:18px}.empty-state{text-align:center;padding:54px 30px;background:var(--light);border-radius:20px;margin:30px 0 55px}.check-list{padding-left:20px}.check-list li{margin:11px 0}.small{font-size:12.5px;color:#6b7888}.contact-layout{align-items:start}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 56px}.story-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.story-card .tag{font-size:11px;font-weight:900;color:var(--green);text-transform:uppercase}.story-card h3{color:var(--navy);margin:8px 0}.story-card p{color:var(--muted);font-size:14px}.impact-panel{background:linear-gradient(125deg,#062a54,#0a477c);padding:34px;border-radius:24px;color:#fff}.impact-panel h2{color:#fff}.impact-panel .metric-grid{margin:22px 0 0}.impact-panel .metric-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}.impact-panel .metric-grid strong{color:#fff}.impact-panel .metric-grid p{color:#dbe8f2}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.card,.way,.programme-card,.values-grid article,.metric-grid article,.action-grid article,.resource-grid article{transition:none}}
@media(max-width:1020px){.menu{gap:15px}.menu>a{font-size:12.5px}.brand img,.brand svg{width:170px}.cards{grid-template-columns:repeat(3,1fr)}.cards .card:nth-child(n+4){grid-column:span 1}.metric-grid,.action-grid{grid-template-columns:repeat(2,1fr)}.resource-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.programme-grid{grid-template-columns:1fr}.programme-card:last-child{grid-column:auto}.hero{min-height:540px}.hero-copy{padding:70px 0}}
@media(max-width:860px){.top{display:none}.menu{display:none}.mobile-toggle{display:block}.menu.open{display:flex;position:fixed;top:76px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 5% 28px;box-shadow:0 15px 30px rgba(0,21,42,.12);overflow:auto}.menu.open>a{padding:12px 0;font-size:16px;border-bottom:1px solid #edf1f4}.menu.open .btn{margin-top:10px}.hero{background-position:62% center}.hero-copy{max-width:560px}.stats{grid-template-columns:repeat(3,1fr);row-gap:16px}.stat:nth-child(3){border-right:0}.cards{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.step:nth-child(3):after,.step:last-child:after{display:none}.split,.footgrid,.form-panel{grid-template-columns:1fr}.ways{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr 1fr}.campaign{padding:42px 36px}}
@media(max-width:620px){.wrap{width:min(94%,560px)}.nav{min-height:70px}.brand img,.brand svg,.custom-logo{width:150px!important;max-width:150px!important}.menu.open{top:70px}.hero{min-height:620px;background:linear-gradient(180deg,rgba(3,27,53,.66),rgba(3,27,53,.96)),url('assets/images/hero.jpg') 62% center/cover no-repeat}.hero-copy{padding:80px 0 58px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:flex-start}.actions .btn{width:100%;max-width:280px}.stats{grid-template-columns:1fr 1fr}.stat,.stat:nth-child(3){border-right:1px solid rgba(255,255,255,.15)}.stat:nth-child(even),.stat:last-child{border-right:0}.section{padding:60px 0}.cards,.ways,.process,.values-grid,.metric-grid,.action-grid,.resource-grid,.form-grid,.story-grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:116px 1fr}.card img{height:100%;min-height:130px}.programme-card,.programme-card:last-child{grid-template-columns:116px 1fr}.programme-card .thumb{padding:8px}.programme-card img{width:100px;height:78px}.programme-card .pc-body{padding:17px}.programme-card h3{font-size:18px}.content{padding:52px 0 70px}.page-hero{padding:52px 0}.feature-split{margin:35px 0 50px}.callout{padding:30px 26px}.campaign{padding:34px 25px}.form-panel{padding:28px 22px}.footgrid{gap:24px}.story-grid{gap:12px}}

/* === SSIDI v4 production polish === */
.site-header .brand img,.site-header .brand svg{width:178px;max-width:178px;max-height:58px;height:auto;object-fit:contain;display:block}
.site-header .custom-logo-link{display:flex;align-items:center;line-height:0}
.site-header .custom-logo{max-width:178px!important;max-height:58px!important;width:auto!important;height:auto!important}
.footer .brand img{width:190px;max-width:190px;max-height:none;filter:none!important;background:#fff;border-radius:10px;padding:7px}
.contact-intro{max-width:850px}
.contact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 42px}
.contact-cards article{border:1px solid var(--line);border-radius:18px;padding:23px;background:#fff;box-shadow:0 8px 25px rgba(6,42,84,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.contact-cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c9ded1}
.contact-icon{width:42px;height:42px;border-radius:13px;background:#eaf7f0;color:var(--green);font-size:21px;font-weight:900;display:grid;place-items:center;margin-bottom:16px}
.contact-cards h3{margin:0 0 7px;color:var(--navy);font-size:18px}.contact-cards p{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.contact-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;margin:0 0 54px;align-items:stretch}
.contact-panel{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:24px;padding:38px;position:relative;overflow:hidden}
.contact-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(17,148,71,.16);right:-85px;bottom:-100px}
.contact-panel h2{color:#fff;font-size:34px;margin:7px 0 14px}.contact-panel p{color:#e2ebf3;position:relative;z-index:1}
.contact-detail{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15);position:relative;z-index:1}.contact-detail strong{color:#9de0b8}.contact-detail span{text-align:right}
.contact-form-card{border:1px solid var(--line);border-radius:24px;padding:34px;background:#fff;box-shadow:var(--shadow)}.contact-form-card h2{font-size:34px;margin:7px 0 20px}
.contact-form-card .ssidi-form button{min-width:150px}.contact-form-card textarea{min-height:150px;resize:vertical}
.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding:40px 0 8px}.contact-cta h2{margin:5px 0 0}.contact-cta .actions{margin-top:0;justify-content:flex-end}
@media(max-width:980px){.contact-cards{grid-template-columns:repeat(2,1fr)}.contact-shell{grid-template-columns:1fr}.contact-cta{display:block}.contact-cta .actions{justify-content:flex-start;margin-top:20px}}
@media(max-width:620px){.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{max-width:148px!important;width:auto!important}.contact-cards{grid-template-columns:1fr}.contact-panel,.contact-form-card{padding:26px 22px;border-radius:19px}.contact-panel h2,.contact-form-card h2{font-size:28px}.contact-detail{display:block}.contact-detail span{display:block;text-align:left;margin-top:3px}.contact-cta .actions{display:grid;grid-template-columns:1fr}.contact-cta .btn{width:100%}}


/* === SSIDI v5 precision cleanup === */
.site-header{position:sticky;top:32px}
.admin-bar .site-header{top:64px}
.nav{min-height:72px;gap:20px}
.site-header .brand{min-width:205px}
.site-header .brand img,.site-header .brand svg{width:205px!important;max-width:205px!important;max-height:62px!important;height:auto!important;object-fit:contain;display:block;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.site-header .custom-logo{width:auto!important;max-width:205px!important;max-height:62px!important;background:transparent!important;padding:0!important;border-radius:0!important}
.menu{gap:18px}
.menu>a{font-size:13px;padding:24px 0;white-space:nowrap}
.menu>a.btn,.menu.open>a.btn{padding:10px 16px!important;border-radius:9px!important;min-width:auto!important;height:auto!important;line-height:1.15!important;border-bottom:0!important}
.menu>a.btn:after{display:none!important}
.footer .brand img,.footer .brand svg{width:220px!important;max-width:220px!important;max-height:88px!important;height:auto!important;filter:none!important;background:transparent!important;border-radius:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.footer .brand{display:inline-flex;max-width:230px;overflow:visible}
.footer .footgrid>div:first-child p{max-width:250px;color:#cbd9e5;font-size:13px;margin-top:12px}
.compact-intro{margin-bottom:28px}.compact-intro h2{max-width:820px}
.impact-dashboard{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;margin:28px 0 56px;align-items:stretch}
.impact-copy{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column;justify-content:center;min-height:470px}.impact-copy h2{color:#fff;font-size:clamp(30px,3vw,40px)}.impact-copy p{color:#dce8f1}.impact-note{margin-top:24px;padding:17px 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.06)}.impact-note strong{display:block;color:#fff;margin-bottom:5px}.impact-note span{font-size:13px;color:#dce8f1}
.impact-track{display:grid;grid-template-columns:1fr 1fr;gap:13px}.impact-track article{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 8px 26px rgba(6,42,84,.045)}.impact-track article:last-child{grid-column:1/-1}.impact-track span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf7f0;color:var(--green);font-weight:900;font-size:11px;margin-bottom:12px}.impact-track strong{display:block;color:var(--navy);font-size:17px}.impact-track p{margin:6px 0 0;color:var(--muted);font-size:13.5px;line-height:1.55}
.support-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 34px}.support-options article{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(6,42,84,.045)}.support-options span{font-size:11px;font-weight:900;color:var(--green)}.support-options h3{color:var(--navy);margin:8px 0 6px}.support-options p{margin:0;color:var(--muted);font-size:13.5px}
.support-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;background:linear-gradient(135deg,#f4f8fb,#eef7f1);border:1px solid var(--line);border-radius:24px;padding:30px;margin:0 0 56px;align-items:start}.support-copy{padding:20px 18px}.support-copy h2{font-size:36px}.support-form{background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px rgba(6,42,84,.08);border-radius:18px;padding:26px}.support-form .ssidi-form{max-width:none}.support-form .ssidi-form button{min-width:145px}
.content-image{image-rendering:auto}.feature-split .content-image[src*="safe-action.jpg"]{display:none}.feature-split:has(.content-image[src*="safe-action.jpg"]){grid-template-columns:1fr;max-width:860px}
@media(max-width:1100px){.site-header .brand{min-width:180px}.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{max-width:180px!important;width:180px!important}.menu{gap:13px}.menu>a{font-size:12px}}
@media(max-width:860px){.site-header{top:0}.admin-bar .site-header{top:46px}.site-header .brand{min-width:auto}.menu.open>a.btn{display:flex;margin-top:12px;width:100%;padding:13px 16px!important}.impact-dashboard,.support-shell{grid-template-columns:1fr}.impact-copy{min-height:auto}.support-options{grid-template-columns:1fr 1fr}.footer .brand img,.footer .brand svg{width:205px!important}}
@media(max-width:620px){.nav{min-height:68px}.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{width:165px!important;max-width:165px!important;max-height:54px!important}.impact-track,.support-options{grid-template-columns:1fr}.impact-track article:last-child{grid-column:auto}.impact-copy,.support-shell,.support-form{padding:22px}.support-copy{padding:6px 2px}.support-copy h2{font-size:30px}.footer .brand img,.footer .brand svg{width:190px!important}}

/* === SSIDI v6 approved mockup lock === */
:root{--navy:#062a54;--navy2:#031b35;--green:#0b8f4a;--yellow:#f5b700;--ink:#0a2141;--line:#dbe5ed;--soft:#f7fafc}
.topbar{background:var(--navy2);color:#fff;font-size:12px;height:34px;display:flex;align-items:center}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-contact{display:flex;align-items:center;gap:20px}.topitem{display:inline-flex;align-items:center;gap:7px}.top-socials{display:inline-flex;align-items:center;gap:14px;margin-left:8px}.top-socials a{font-weight:800;color:#fff;opacity:.9}.topbar-tagline{color:var(--yellow);font-weight:800}
.site-header{top:34px;background:#fff}.admin-bar .site-header{top:66px}.nav{min-height:74px;gap:24px}.site-header .brand{min-width:215px;max-width:215px}.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{width:215px!important;max-width:215px!important;max-height:54px!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;filter:none!important}.menu{gap:22px}.menu>a{font-size:12.5px;font-weight:750;padding:25px 0;color:#10233d}.menu>a:not(.support-nav):after{bottom:18px}.support-nav{background:var(--yellow);color:#071b35!important;padding:13px 18px!important;border-radius:8px!important;font-weight:900!important;box-shadow:none!important;min-width:120px;text-align:center}.support-nav:after{display:none!important}.support-nav:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(6,42,84,.12)}
.content-minimal{padding:0}.content-minimal>.wrap{width:min(1240px,92%);max-width:1240px}.support-page-v6{padding:24px 0 18px}.support-main-v6{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:58px;align-items:start}.support-form-area{padding:0 0 22px}.support-form-area .kicker{margin:0 0 5px}.support-form-area h1{font-size:clamp(38px,4vw,50px);line-height:1.02;letter-spacing:-.035em;color:var(--navy);margin:0 0 12px;max-width:620px}.support-lead{max-width:580px;color:#314962;margin:0 0 18px;font-size:14px}.support-form-area .ssidi-form{max-width:none;margin-top:8px}.support-form-area .form-grid{grid-template-columns:1fr 1fr;gap:14px 16px}.support-form-area .ssidi-form label{font-size:12px;color:#10233d;font-weight:800;margin:0}.support-form-area .ssidi-form label em{font-style:normal;color:#b42318}.support-form-area .ssidi-form input,.support-form-area .ssidi-form select,.support-form-area .ssidi-form textarea{margin:6px 0 10px;border:1px solid #bfcfdd;border-radius:7px;padding:10px 12px;font-size:13px;min-height:39px;box-shadow:none}.support-form-area .ssidi-form textarea{min-height:72px;resize:vertical}.support-form-area .ssidi-form button{border-radius:7px;padding:10px 20px;font-size:12.5px;min-width:150px;margin-top:0;box-shadow:none}.support-form-area .ssidi-form button:hover{transform:translateY(-1px)}
.connect-card-v6{background:linear-gradient(180deg,#fbfcfd,#f5f7f8);border-radius:10px;padding:18px 20px 12px;box-shadow:0 8px 24px rgba(6,42,84,.035);margin-top:0}.connect-card-v6 h2{font-size:20px;margin:0 0 7px;color:var(--navy)}.connect-rule{width:46px;height:3px;background:var(--green);border-radius:3px;margin-bottom:8px}.connect-row{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #dfe7ed;align-items:start}.connect-row:last-child{border-bottom:0}.connect-icon{width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid #e1e8ed;display:grid;place-items:center;color:var(--green);font-size:19px}.connect-icon.warning{color:var(--yellow)}.connect-row strong{display:block;font-size:13px;color:#10233d;line-height:1.2;margin-bottom:2px}.connect-row p{font-size:12px;line-height:1.35;color:#273e55;margin:0}.connect-link{font-size:12px;font-weight:800;color:var(--green)}
.footer-v6{background:var(--navy2);padding:23px 0 0;color:#fff}.footer-main{display:grid;grid-template-columns:1.15fr 1.25fr .95fr 1.25fr;gap:34px;align-items:start;padding-bottom:18px}.footer-brand{display:inline-block;width:250px}.footer-brand img{display:block;width:250px;max-width:100%;height:auto;filter:none!important;background:transparent!important;border:0!important;padding:0!important}.footer-v6 h4{font-size:14px;color:#fff;margin:0 0 10px}.footer-v6 a{font-size:12px;margin:4px 0;opacity:.98;color:#fff}.footer-v6 a:hover{color:var(--yellow)}.footer-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-focus-col a{display:block}.footer-socials{display:flex;gap:18px;margin:2px 0 14px}.footer-socials a{font-size:16px;font-weight:900}.footer-connect-col p{font-size:12px;margin:0 0 6px}.newsletter-form{display:flex;gap:0;width:100%}.newsletter-form input{min-width:0;flex:1;padding:9px 10px;border-radius:5px 0 0 5px;border:0;font-size:12px}.newsletter-form button{border:0;background:var(--green);color:#fff;border-radius:0 5px 5px 0;font-size:10.5px;font-weight:900;padding:0 15px;cursor:pointer}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;padding:10px 0 11px;font-size:10.5px;color:#fff}.footer-bottom span:last-child{display:flex;gap:12px;align-items:center}.footer-bottom i{height:12px;width:1px;background:rgba(255,255,255,.45)}.footer-bottom a{font-size:10.5px;margin:0}
@media(max-width:1100px){.menu{gap:13px}.menu>a{font-size:11.5px}.site-header .brand{min-width:185px;max-width:185px}.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{width:185px!important;max-width:185px!important}.support-main-v6{grid-template-columns:minmax(0,1fr) 290px;gap:34px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-connect-col{grid-column:1/-1;max-width:480px}}
@media(max-width:860px){.topbar{display:none}.site-header{top:0}.admin-bar .site-header{top:46px}.nav{min-height:70px}.site-header .brand{min-width:auto;max-width:190px}.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{width:190px!important;max-width:190px!important}.mobile-toggle{display:block}.menu{display:none}.menu.open{display:flex;position:fixed;top:70px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 5% 28px;overflow:auto;gap:0}.admin-bar .menu.open{top:116px}.menu.open>a{padding:13px 0;font-size:15px;border-bottom:1px solid #edf1f4}.menu.open .support-nav{margin-top:14px;border-bottom:0;text-align:center;padding:13px 18px!important}.support-main-v6{grid-template-columns:1fr;gap:26px}.connect-card-v6{margin-top:0}.footer-main{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}.footer-connect-col{grid-column:auto}.footer-brand{width:240px}}
@media(max-width:620px){.content-minimal>.wrap{width:min(92%,560px)}.site-header .brand,.site-header .brand img,.site-header .brand svg,.site-header .custom-logo{width:172px!important;max-width:172px!important}.support-page-v6{padding-top:20px}.support-form-area h1{font-size:38px}.support-form-area .form-grid{grid-template-columns:1fr}.support-form-area .ssidi-form input,.support-form-area .ssidi-form select,.support-form-area .ssidi-form textarea{width:100%}.connect-card-v6{padding:18px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-brand-col,.footer-connect-col{grid-column:auto}.footer-link-grid{grid-template-columns:1fr 1fr}.newsletter-form{max-width:100%}.footer-bottom{display:block;text-align:left}.footer-bottom span:last-child{margin-top:8px}.footer-brand{width:225px}}


/* === SSIDI v7 final approved identity + support layout lock === */
.site-header .brand{min-width:240px;max-width:240px;line-height:0}
.site-header .brand img{width:240px!important;max-width:240px!important;max-height:58px!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;filter:none!important}
.footer-brand{width:285px!important;max-width:100%}
.footer-brand img{width:285px!important;max-width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:none!important}
.content-minimal>.wrap{width:min(1360px,94%)!important;max-width:1360px!important}
.support-page-v6{padding:34px 0 28px}
.support-main-v6{grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important;gap:72px!important;align-items:start;width:100%}
.support-form-area{min-width:0;padding-right:0}
.support-form-area .ssidi-form{width:100%!important;max-width:none!important}
.support-form-area .form-grid{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.support-form-area .ssidi-form label{display:block;width:100%}
.support-form-area .ssidi-form input,.support-form-area .ssidi-form select,.support-form-area .ssidi-form textarea{display:block;width:100%!important;max-width:none!important}
.support-form-area .ssidi-form textarea{min-height:112px!important}
.connect-card-v6{width:100%!important;min-width:340px!important;padding:24px 26px 18px!important;border:1px solid #edf1f4;box-shadow:0 14px 36px rgba(6,42,84,.05)!important}
.connect-card-v6 h2{font-size:23px!important;line-height:1.2}
.connect-row{grid-template-columns:50px minmax(0,1fr)!important;gap:15px!important;padding:16px 0!important}
.connect-icon{width:46px!important;height:46px!important;border-radius:10px!important}
.connect-row strong{font-size:14px!important}.connect-row p,.connect-link{font-size:13px!important;line-height:1.45!important}
@media(max-width:1180px){.site-header .brand{min-width:205px;max-width:205px}.site-header .brand img{width:205px!important;max-width:205px!important}.menu{gap:14px}.menu>a{font-size:11.6px}.support-main-v6{grid-template-columns:minmax(0,1fr) 340px!important;gap:42px!important}.connect-card-v6{min-width:0!important}}
@media(max-width:900px){.site-header .brand{min-width:auto;max-width:205px}.site-header .brand img{width:205px!important;max-width:205px!important}.support-main-v6{grid-template-columns:1fr!important;gap:30px!important}.connect-card-v6{max-width:none;width:100%!important;min-width:0!important}.footer-brand{width:260px!important}.footer-brand img{width:260px!important}}
@media(max-width:620px){.site-header .brand,.site-header .brand img{width:180px!important;max-width:180px!important}.support-page-v6{padding:24px 0}.support-form-area h1{font-size:38px!important}.support-form-area .form-grid{grid-template-columns:1fr!important}.connect-card-v6{padding:20px!important}.footer-brand,.footer-brand img{width:235px!important}}

/* === SSIDI v8 — attached logo lock + support panel rebuild === */
.site-header .brand{min-width:238px;max-width:238px;display:flex;align-items:center}
.site-header .brand img{width:235px!important;max-width:235px!important;height:auto!important;max-height:73px!important;object-fit:contain!important;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:none!important}

.support-page-v8{padding:34px 0 34px}
.support-main-v8{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:start;width:100%}
.support-form-area-v8{min-width:0;padding:0 0 18px}
.support-form-area-v8 .kicker{margin:0 0 6px}
.support-form-area-v8 h1{font-size:clamp(40px,4vw,54px);line-height:1.01;letter-spacing:-.04em;color:var(--navy);margin:0 0 13px;max-width:650px}
.support-lead-v8{max-width:620px;color:#314962;margin:0 0 22px;font-size:14px;line-height:1.55}
.support-form-area-v8 .ssidi-form{width:100%!important;max-width:none!important;margin:0}
.support-form-area-v8 .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 16px;width:100%}
.support-form-area-v8 .ssidi-form label{display:block;width:100%;font-size:12px;color:#10233d;font-weight:850;margin:0}
.support-form-area-v8 .ssidi-form label em{font-style:normal;color:#b42318}
.support-form-area-v8 .ssidi-form input,.support-form-area-v8 .ssidi-form select,.support-form-area-v8 .ssidi-form textarea{display:block;width:100%!important;max-width:none!important;margin:6px 0 10px;border:1px solid #b9cbd9;border-radius:8px;padding:11px 13px;font-size:13px;min-height:42px;background:#fff;box-shadow:none}
.support-form-area-v8 .ssidi-form input:focus,.support-form-area-v8 .ssidi-form select:focus,.support-form-area-v8 .ssidi-form textarea:focus{outline:2px solid rgba(17,148,71,.12);border-color:var(--green)}
.support-form-area-v8 .ssidi-form textarea{min-height:122px!important;resize:vertical}
.support-form-area-v8 .ssidi-form button{border-radius:8px;padding:11px 22px;font-size:12.5px;min-width:158px;margin-top:1px;box-shadow:none}

.connect-card-v8{background:linear-gradient(180deg,#f7faf9,#f3f7f8);border:1px solid #e1e9ed;border-radius:18px;padding:24px;box-shadow:0 18px 46px rgba(6,42,84,.07);width:100%;min-width:0}
.connect-head-v8 h2{font-size:24px;line-height:1.15;color:var(--navy);margin:0 0 6px}
.connect-head-v8 p{font-size:13px;line-height:1.45;color:#52677a;margin:0 0 10px}
.connect-rule-v8{display:block;width:48px;height:3px;background:var(--green);border-radius:999px;margin:0 0 16px}
.connect-list-v8{display:grid;grid-template-columns:1fr;gap:10px}
.connect-item-v8{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid #dfe7eb;border-radius:12px;padding:13px 14px;box-shadow:0 3px 12px rgba(6,42,84,.025)}
.connect-icon-v8{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e5f5ea;color:var(--green);font-size:20px;font-weight:900;line-height:1}
.connect-icon-v8.warning{background:#fff3cd;color:#b67a00}
.connect-item-v8 strong{display:block;font-size:14px;color:#10233d;line-height:1.2;margin:1px 0 3px}
.connect-item-v8 p{font-size:12.5px;line-height:1.42;color:#354c61;margin:0;overflow-wrap:anywhere}
.connect-item-v8 a{overflow-wrap:anywhere}
.connect-link-v8{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:850;color:var(--green)!important}

.footer-brand-v8{display:flex;align-items:center;gap:13px;text-decoration:none;width:max-content;max-width:100%}
.footer-brand-v8 img{width:88px!important;height:84px!important;object-fit:contain;background:#fff!important;border-radius:10px;padding:2px;flex:0 0 auto;filter:none!important}
.footer-brand-text{display:flex;flex-direction:column;line-height:1.05}
.footer-brand-text strong{font-size:34px;letter-spacing:.02em;color:#fff;font-weight:900}
.footer-brand-text small{font-size:12px;line-height:1.18;color:#fff;font-weight:750;margin-top:3px}
.footer-brand-text em{font-style:normal;font-size:10px;line-height:1.2;color:#67c781;margin-top:6px;white-space:nowrap}

@media(max-width:1120px){
  .site-header .brand{min-width:210px;max-width:210px}.site-header .brand img{width:207px!important;max-width:207px!important}
  .menu{gap:12px}.menu>a{font-size:11.3px}
  .support-main-v8{grid-template-columns:1fr;gap:28px}
  .connect-card-v8{padding:22px}
  .connect-list-v8{grid-template-columns:1fr 1fr}
  .connect-item-v8:last-child{grid-column:1/-1}
}
@media(max-width:860px){
  .site-header .brand{min-width:auto;max-width:205px}.site-header .brand img{width:205px!important;max-width:205px!important}
  .support-page-v8{padding-top:24px}.support-main-v8{gap:24px}
  .footer-brand-v8 img{width:78px!important;height:76px!important}.footer-brand-text strong{font-size:30px}
}
@media(max-width:620px){
  .site-header .brand,.site-header .brand img{width:176px!important;max-width:176px!important}
  .support-form-area-v8 h1{font-size:38px}.support-form-area-v8 .form-grid{grid-template-columns:1fr}.connect-card-v8{padding:18px}.connect-list-v8{grid-template-columns:1fr}.connect-item-v8:last-child{grid-column:auto}
  .footer-brand-v8{gap:10px}.footer-brand-v8 img{width:70px!important;height:68px!important}.footer-brand-text strong{font-size:27px}.footer-brand-text small{font-size:11px}.footer-brand-text em{white-space:normal;font-size:9px}
}


/* === SSIDI v9 — definitive Support connection panel fix === */
.connect-card-v8{width:100%!important;min-width:0!important;max-width:none!important;padding:26px!important;overflow:visible!important}
.connect-list-v8{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}
.connect-item-v8{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:15px!important;width:100%!important;min-width:0!important;padding:15px 16px!important}
.connect-item-v8 > div{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
.connect-item-v8 strong{display:block!important;width:auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:14px!important;line-height:1.25!important;margin:2px 0 4px!important}
.connect-item-v8 p,.connect-item-v8 a{width:auto!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;font-size:12.5px!important;line-height:1.45!important}
.connect-icon-v8{flex:0 0 46px!important}
@media(max-width:1120px){.connect-list-v8{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.connect-item-v8:last-child{grid-column:1/-1!important}}
@media(max-width:620px){.connect-card-v8{padding:18px!important}.connect-list-v8{display:flex!important}.connect-item-v8{padding:14px!important}}

/* === SSIDI v10 — sticky header overlap fix === */

/* Keep the header in document flow so it never covers page content */
.site-header,
header.site-header,
.ssidi-header,
.main-header {
  position: sticky !important;
  top: 32px !important; /* WordPress admin bar on desktop */
  z-index: 9990 !important;
  width: 100% !important;
  transform: none !important;
}

/* When logged out there is no WP admin bar */
body:not(.admin-bar) .site-header,
body:not(.admin-bar) header.site-header,
body:not(.admin-bar) .ssidi-header,
body:not(.admin-bar) .main-header {
  top: 0 !important;
}

/* Prevent older fixed-header JS/CSS classes from removing header from flow */
.site-header.is-fixed,
.site-header.scrolled,
.site-header.sticky,
.ssidi-header.is-fixed,
.ssidi-header.scrolled,
.main-header.is-fixed,
.main-header.scrolled {
  position: sticky !important;
  top: 32px !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
}

/* WordPress admin bar is taller on small screens */
@media (max-width: 782px) {
  .admin-bar .site-header,
  .admin-bar header.site-header,
  .admin-bar .ssidi-header,
  .admin-bar .main-header,
  .admin-bar .site-header.is-fixed,
  .admin-bar .site-header.scrolled,
  .admin-bar .main-header.is-fixed,
  .admin-bar .main-header.scrolled {
    top: 46px !important;
  }
}

/* Anchor links should stop below the sticky navigation */
html {
  scroll-padding-top: 120px;
}
@media (max-width: 782px) {
  html { scroll-padding-top: 105px; }
}

/* Never compensate page content with negative top margins */
main,
.site-main,
.page-content,
.entry-content {
  scroll-margin-top: 120px;
}

/* Stable sticky header background and shadow */
.site-header,
header.site-header,
.ssidi-header,
.main-header {
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 8px 24px rgba(1,31,57,.08);
  backdrop-filter: blur(10px);
}

/* Mobile menu must open below the sticky header, not over page headings */
@media (max-width: 980px) {
  .main-navigation,
  .site-navigation,
  nav.primary-navigation {
    z-index: 9991 !important;
  }
}

/* =========================================================
   SSIDI v11 — comprehensive mobile responsiveness pass
   ========================================================= */
html, body { max-width:100%; overflow-x:hidden; }
*, *::before, *::after { box-sizing:border-box; }
img, video, iframe, svg { max-width:100%; height:auto; }
.site, .site-content, main, .site-main, .entry-content, .page-content {
  width:100%; max-width:100%; overflow-x:clip;
}
.container,.ssidi-container,.site-container,.wrap,.content-wrap{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  margin-left:auto!important;margin-right:auto!important;
}
.site-header,header.site-header,.ssidi-header,.main-header{min-height:76px}
.site-header .container,header.site-header .container,.ssidi-header .container,.main-header .container{
  min-height:76px;display:flex;align-items:center;
}
.custom-logo,.site-logo img,.logo img,.brand-logo img,.ssidi-logo img{
  max-height:58px!important;width:auto!important;object-fit:contain!important;
}
@media (min-width:981px){
  .main-navigation ul,.site-navigation ul,nav.primary-navigation ul{
    gap:18px!important;align-items:center;flex-wrap:nowrap;
  }
}
@media (max-width:980px){
  body{font-size:15px}
  .container,.ssidi-container,.site-container,.wrap,.content-wrap{
    width:min(calc(100% - 28px),1180px)!important;
  }
  .admin-bar .site-header,.admin-bar header.site-header,.admin-bar .ssidi-header,.admin-bar .main-header{top:46px!important}
  .site-header,header.site-header,.ssidi-header,.main-header{top:0!important;min-height:68px!important}
  body:not(.admin-bar) .site-header,body:not(.admin-bar) header.site-header,
  body:not(.admin-bar) .ssidi-header,body:not(.admin-bar) .main-header{top:0!important}
  .site-header .container,header.site-header .container,.ssidi-header .container,.main-header .container{
    min-height:68px!important;padding-top:6px!important;padding-bottom:6px!important;gap:12px!important;
  }
  .custom-logo,.site-logo img,.logo img,.brand-logo img,.ssidi-logo img{
    max-height:48px!important;max-width:210px!important;
  }
  .main-navigation,.site-navigation,nav.primary-navigation{position:relative}
  .main-navigation.toggled ul,.site-navigation.toggled ul,nav.primary-navigation.toggled ul,
  .main-navigation .menu.is-open,.site-navigation .menu.is-open,nav.primary-navigation .menu.is-open{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;
    width:min(320px,calc(100vw - 28px))!important;background:#fff!important;padding:10px!important;
    border-radius:14px!important;box-shadow:0 20px 50px rgba(6,42,74,.16)!important;z-index:99999!important;
  }
  .main-navigation li,.site-navigation li,nav.primary-navigation li{width:100%!important}
  .main-navigation a,.site-navigation a,nav.primary-navigation a{
    display:block!important;width:100%!important;padding:12px 14px!important;line-height:1.25!important;
  }
  .main-navigation .sub-menu,.site-navigation .sub-menu,nav.primary-navigation .sub-menu{
    position:static!important;width:100%!important;box-shadow:none!important;padding-left:10px!important;
  }
  .hero,.home-hero,.page-hero,.ssidi-hero,.inner-hero,.split-hero,.hero-grid{min-height:auto!important}
  .hero-grid,.split-grid,.two-col,.two-column,.content-grid,.support-grid-v8,.support-layout,
  .contact-grid,.about-grid,.impact-grid,.program-grid,.programmes-grid,.cards-grid{
    grid-template-columns:1fr!important;gap:24px!important;
  }
  .hero-copy,.page-hero-content,.ssidi-hero-content{max-width:100%!important;padding-right:0!important}
  h1,.hero h1,.page-hero h1,.entry-title{
    font-size:clamp(34px,8vw,48px)!important;line-height:1.05!important;letter-spacing:-.02em!important;
  }
  h2{font-size:clamp(26px,6vw,34px)!important;line-height:1.12!important}
  h3{font-size:clamp(20px,5vw,25px)!important}
  p,li{line-height:1.6!important}
  section,.section,.ssidi-section{padding-top:52px!important;padding-bottom:52px!important}
  .btn,.button,button,input[type="submit"],.wp-element-button{
    min-height:46px!important;padding:12px 18px!important;border-radius:10px!important;
  }
  .hero-actions,.cta-row,.button-row,.actions{
    display:flex!important;flex-wrap:wrap!important;gap:10px!important;
  }
  .focus-grid,.program-card-grid,.programme-cards,.impact-cards,.news-grid,.resource-grid,.involve-grid,.footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
  }
  .card,.program-card,.programme-card,.impact-card,.news-card,.resource-card{min-width:0!important;width:100%!important}
  form,.ssidi-form,.contact-form,.support-form{width:100%!important;max-width:100%!important}
  .form-grid,.field-grid,.two-field,.form-row{grid-template-columns:1fr 1fr!important;gap:14px!important}
  input,select,textarea{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important}
  textarea{min-height:140px!important}
  .connect-card-v8,.connect-panel,.support-sidebar{
    width:100%!important;max-width:100%!important;min-width:0!important;padding:22px!important;
  }
  .connect-list-v8{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
  }
  .connect-item-v8{min-width:0!important;width:100%!important;align-items:flex-start!important}
  .connect-item-v8>div{min-width:0!important}
  .site-footer,footer.site-footer{padding-top:44px!important}
  .footer-grid,.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-brand img{max-width:220px!important;height:auto!important}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:640px){
  .container,.ssidi-container,.site-container,.wrap,.content-wrap{width:calc(100% - 24px)!important}
  .site-header .container,header.site-header .container,.ssidi-header .container,.main-header .container{min-height:64px!important}
  .custom-logo,.site-logo img,.logo img,.brand-logo img,.ssidi-logo img{
    max-height:43px!important;max-width:185px!important;
  }
  h1,.hero h1,.page-hero h1,.entry-title{font-size:clamp(31px,10vw,40px)!important}
  h2{font-size:clamp(24px,7.5vw,30px)!important}
  section,.section,.ssidi-section{padding-top:40px!important;padding-bottom:40px!important}
  .focus-grid,.program-card-grid,.programme-cards,.impact-cards,.news-grid,.resource-grid,.involve-grid,
  .footer-grid,.site-footer .footer-grid,.form-grid,.field-grid,.two-field,.form-row,.connect-list-v8{
    grid-template-columns:1fr!important;
  }
  .hero-actions,.cta-row,.button-row,.actions{
    flex-direction:column!important;align-items:stretch!important;
  }
  .hero-actions .btn,.hero-actions .button,.cta-row .btn,.cta-row .button,
  .button-row .btn,.button-row .button{
    width:100%!important;text-align:center!important;justify-content:center!important;
  }
  .connect-card-v8,.connect-panel,.support-sidebar{padding:18px!important}
  .connect-item-v8{padding:14px!important;gap:12px!important}
  .connect-icon-v8{flex:0 0 42px!important;width:42px!important;height:42px!important}
  .site-footer .newsletter-form,.newsletter-form{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  }
  .site-footer .newsletter-form input,.newsletter-form input,.newsletter-form button{width:100%!important}
  html{scroll-padding-top:92px!important}
}
@media (max-width:390px){
  .container,.ssidi-container,.site-container,.wrap,.content-wrap{width:calc(100% - 20px)!important}
  .custom-logo,.site-logo img,.logo img,.brand-logo img,.ssidi-logo img{max-width:165px!important}
  h1,.hero h1,.page-hero h1,.entry-title{font-size:30px!important}
  .btn,.button,button,input[type="submit"]{width:100%!important}
}

/* =========================================================
   SSIDI v12 — working mobile hamburger + nested dropdowns
   ========================================================= */
.ssidi-menu-toggle,
.menu-toggle {
  display:none;
  appearance:none;
  background:transparent!important;
  border:0!important;
  padding:8px!important;
  margin:0 0 0 auto!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:8px!important;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.ssidi-menu-toggle > span:not(.sr-only),
.menu-toggle > span:not(.sr-only){
  display:block;
  width:24px;
  height:2px;
  background:#062A4A;
  border-radius:2px;
}
.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.submenu-toggle{display:none}

@media(max-width:980px){
  .site-header .container,
  header.site-header .container,
  .ssidi-header .container,
  .main-header .container{
    position:relative!important;
  }

  .ssidi-menu-toggle,
  .menu-toggle{
    display:flex!important;
    z-index:100002!important;
  }

  .main-navigation,
  .site-navigation,
  nav.primary-navigation{
    margin-left:auto!important;
    position:static!important;
  }

  .main-navigation > ul,
  .site-navigation > ul,
  nav.primary-navigation > ul,
  .main-navigation .menu,
  .site-navigation .menu,
  nav.primary-navigation .menu{
    display:none!important;
  }

  .main-navigation.toggled > ul,
  .site-navigation.toggled > ul,
  nav.primary-navigation.toggled > ul,
  .main-navigation.toggled .menu,
  .site-navigation.toggled .menu,
  nav.primary-navigation.toggled .menu,
  .main-navigation .menu.is-open,
  .site-navigation .menu.is-open,
  nav.primary-navigation .menu.is-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100vh - 100px)!important;
    overflow-y:auto!important;
    background:#fff!important;
    padding:10px!important;
    border:1px solid #e1eaee!important;
    border-radius:14px!important;
    box-shadow:0 20px 50px rgba(6,42,74,.16)!important;
    z-index:100001!important;
  }

  .main-navigation li,
  .site-navigation li,
  nav.primary-navigation li{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  .main-navigation li > a,
  .site-navigation li > a,
  nav.primary-navigation li > a{
    display:block!important;
    width:100%!important;
    padding:13px 46px 13px 14px!important;
    color:#062A4A!important;
    border-radius:9px!important;
    text-decoration:none!important;
  }

  .main-navigation li > a:hover,
  .site-navigation li > a:hover,
  nav.primary-navigation li > a:hover{
    background:#F4F8F7!important;
  }

  .submenu-toggle{
    display:flex!important;
    position:absolute!important;
    top:6px!important;
    right:6px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:8px!important;
    background:#F4F8F7!important;
    color:#062A4A!important;
    font-size:20px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .menu-item-has-children > .sub-menu,
  .page_item_has_children > .children{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 6px 0!important;
    padding:4px 0 4px 12px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }

  .menu-item-has-children.submenu-open > .sub-menu,
  .page_item_has_children.submenu-open > .children{
    display:block!important;
  }

  .menu-item-has-children.submenu-open > .submenu-toggle span,
  .page_item_has_children.submenu-open > .submenu-toggle span{
    transform:rotate(180deg);
  }

  .menu-item-has-children > .sub-menu a,
  .page_item_has_children > .children a{
    padding:11px 14px!important;
    font-size:14px!important;
    background:#fbfdfc!important;
    margin-top:4px!important;
  }

  body.menu-open{
    overflow:hidden!important;
  }
}

@media(min-width:981px){
  .main-navigation > ul,
  .site-navigation > ul,
  nav.primary-navigation > ul,
  .main-navigation .menu,
  .site-navigation .menu,
  nav.primary-navigation .menu{
    display:flex!important;
  }
}


/* =========================================================
   SSIDI v13 — refined responsive footer
   ========================================================= */
.ssidi-footer {
  margin-top: 0;
  background: #062A4A;
  color: #fff;
  overflow: hidden;
}
.ssidi-footer-main {
  padding: 64px 0 46px;
}
.ssidi-footer-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.ssidi-footer-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) minmax(150px, .7fr) minmax(175px, .8fr) minmax(260px, 1.1fr);
  gap: 42px;
  align-items: start;
}
.ssidi-footer-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  text-decoration: none;
}
.ssidi-footer-mark {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain;
  flex: 0 0 64px;
}
.ssidi-footer-brand-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ssidi-footer-brand-copy strong {
  font-size: 26px;
  line-height: 1;
  letter-spacing: .02em;
  color: #fff;
}
.ssidi-footer-brand-copy span {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255,255,255,.76);
  max-width: 230px;
}
.ssidi-footer-tagline {
  margin: 20px 0 10px;
  color: #F9B900;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.4;
}
.ssidi-footer-intro {
  max-width: 360px;
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 14px;
  line-height: 1.7;
}
.ssidi-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}
.ssidi-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  transition: .2s ease;
}
.ssidi-footer-social a:hover {
  background: #008B43;
  border-color: #008B43;
  transform: translateY(-2px);
}
.ssidi-footer-column h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
}
.ssidi-footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ssidi-footer-column li {
  margin: 0 0 10px;
}
.ssidi-footer-column a {
  color: rgba(255,255,255,.75);
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.45;
}
.ssidi-footer-column a:hover {
  color: #F9B900;
}
.ssidi-footer-action p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 13.5px;
  line-height: 1.6;
}
.ssidi-footer-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-bottom: 16px;
}
.ssidi-footer-newsletter input {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(255,255,255,.08);
  color: #fff;
  outline: none;
}
.ssidi-footer-newsletter input::placeholder {
  color: rgba(255,255,255,.5);
}
.ssidi-footer-newsletter button {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: #F9B900;
  color: #062A4A;
  font-weight: 800;
  cursor: pointer;
}
.ssidi-footer-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.ssidi-footer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 12.5px !important;
  font-weight: 800;
  text-decoration: none;
}
.ssidi-footer-btn-primary {
  background: #008B43;
  color: #fff !important;
}
.ssidi-footer-btn-secondary {
  border: 1px solid rgba(255,255,255,.28);
  color: #fff !important;
}
.ssidi-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.08);
}
.ssidi-footer-bottom-inner {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.ssidi-footer-bottom p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: 12px;
}
.ssidi-footer-legal {
  display: flex;
  gap: 18px;
}
.ssidi-footer-legal a {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  text-decoration: none;
}
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1050px) {
  .ssidi-footer-grid {
    grid-template-columns: 1.25fr .75fr .8fr;
  }
  .ssidi-footer-action {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr minmax(320px, .9fr);
    column-gap: 30px;
    align-items: start;
  }
  .ssidi-footer-action h3,
  .ssidi-footer-action p {
    grid-column: 1;
  }
  .ssidi-footer-newsletter,
  .ssidi-footer-cta-group {
    grid-column: 2;
  }
  .ssidi-footer-newsletter {
    grid-row: 1 / span 2;
    align-self: end;
  }
}

@media (max-width: 760px) {
  .ssidi-footer-main {
    padding: 48px 0 34px;
  }
  .ssidi-footer-container {
    width: calc(100% - 28px);
  }
  .ssidi-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px 24px !important;
  }
  .ssidi-footer-brand {
    grid-column: 1 / -1 !important;
  }
  .ssidi-footer-action {
    grid-column: 1 / -1 !important;
    display: block;
  }
  .ssidi-footer-newsletter {
    margin-top: 4px;
  }
}

@media (max-width: 540px) {
  .ssidi-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .ssidi-footer-brand,
  .ssidi-footer-action {
    grid-column: auto !important;
  }
  .ssidi-footer-brand-link {
    align-items: flex-start;
  }
  .ssidi-footer-mark {
    width: 56px !important;
    height: 56px !important;
    flex-basis: 56px;
  }
  .ssidi-footer-brand-copy strong {
    font-size: 23px;
  }
  .ssidi-footer-newsletter {
    grid-template-columns: 1fr !important;
  }
  .ssidi-footer-newsletter button {
    width: 100%;
  }
  .ssidi-footer-cta-group {
    flex-direction: column;
  }
  .ssidi-footer-btn {
    width: 100%;
  }
  .ssidi-footer-bottom-inner {
    min-height: auto;
    padding: 18px 0;
    flex-direction: column;
    align-items: flex-start;
  }
}


/* =========================================================
   SSIDI v14 — exact mobile menu for header.php markup
   nav#site-menu.menu contains direct anchor tabs
   ========================================================= */
.mobile-toggle{
  display:none;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin-left:auto!important;
  padding:10px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#062A4A!important;
  cursor:pointer!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:100003!important;
}
.mobile-toggle-bars{
  width:24px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.mobile-toggle-bars i{
  display:block;
  width:24px;
  height:2px;
  border-radius:99px;
  background:#062A4A;
  transition:transform .22s ease,opacity .22s ease;
}
.mobile-toggle.is-open .mobile-toggle-bars i:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.mobile-toggle.is-open .mobile-toggle-bars i:nth-child(2){
  opacity:0;
}
.mobile-toggle.is-open .mobile-toggle-bars i:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:980px){
  .topbar{display:none!important}

  .site-header{
    top:0!important;
    z-index:100000!important;
  }
  .admin-bar .site-header{top:46px!important}

  .site-header .nav{
    position:relative!important;
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
  }

  .site-header .brand{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:205px!important;
  }
  .site-header .brand img{
    display:block!important;
    width:100%!important;
    max-width:205px!important;
    height:auto!important;
  }

  .mobile-toggle{
    display:flex!important;
    flex:0 0 46px!important;
  }

  /* This theme's actual menu: <nav id="site-menu" class="menu"><a>...</a></nav> */
  #site-menu.menu{
    display:none!important;
  }

  #site-menu.menu.open,
  #site-menu.menu.ssidi-mobile-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    position:fixed!important;
    top:70px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 18px 34px!important;
    background:#fff!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-shadow:0 20px 50px rgba(6,42,74,.16)!important;
    z-index:100002!important;
  }
  .admin-bar #site-menu.menu.open,
  .admin-bar #site-menu.menu.ssidi-mobile-open{
    top:116px!important;
  }

  #site-menu.menu > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:13px 14px!important;
    border-bottom:1px solid #E7EEF1!important;
    border-radius:0!important;
    color:#10233D!important;
    background:#fff!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:750!important;
    white-space:normal!important;
  }
  #site-menu.menu > a:after{display:none!important}
  #site-menu.menu > a:hover,
  #site-menu.menu > a:focus{
    background:#F4F8F7!important;
    color:#008B43!important;
  }

  #site-menu.menu > a.support-nav{
    display:flex!important;
    justify-content:center!important;
    margin-top:16px!important;
    padding:14px 18px!important;
    border:0!important;
    border-radius:10px!important;
    background:#F9B900!important;
    color:#062A4A!important;
    font-weight:900!important;
  }

  body.ssidi-nav-open{
    overflow:hidden!important;
    touch-action:none;
  }
}

@media(max-width:620px){
  .site-header .nav{min-height:66px!important}
  .site-header .brand{max-width:175px!important}
  .site-header .brand img{max-width:175px!important}
  #site-menu.menu.open,
  #site-menu.menu.ssidi-mobile-open{
    top:66px!important;
    padding:14px 14px 28px!important;
  }
  .admin-bar #site-menu.menu.open,
  .admin-bar #site-menu.menu.ssidi-mobile-open{
    top:112px!important;
  }
}

@media(min-width:981px){
  #site-menu.menu{
    display:flex!important;
  }
  .mobile-toggle{
    display:none!important;
  }
}


/* =========================================================
   SSIDI v15 — iOS/Safari viewport mobile drawer fix
   Menu is moved to <body> while open so sticky/backdrop-filter
   cannot constrain the fixed drawer height.
   ========================================================= */
@media(max-width:980px){

  /* Prevent sticky header effects from creating a fixed-position containing block */
  .site-header{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    transform:none!important;
    perspective:none!important;
    contain:none!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .site-header .nav,
  .site-header .wrap{
    overflow:visible!important;
  }

  body > #site-menu.menu{
    display:none!important;
  }

  body > #site-menu.menu.open,
  body > #site-menu.menu.ssidi-mobile-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;

    position:fixed!important;
    top:var(--ssidi-drawer-top,70px)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;

    width:100vw!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;

    margin:0!important;
    padding:12px 16px max(28px,env(safe-area-inset-bottom))!important;

    background:#fff!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;

    border:0!important;
    border-top:1px solid #e7eef1!important;
    border-radius:0!important;
    box-shadow:0 18px 40px rgba(6,42,74,.14)!important;

    z-index:2147483000!important;
  }

  body > #site-menu.menu > a{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;

    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:14px 16px!important;

    color:#10233D!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #E7EEF1!important;
    border-radius:0!important;

    font-size:16px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:left!important;
  }

  body > #site-menu.menu > a:first-child{
    border-top:0!important;
  }

  body > #site-menu.menu > a:hover,
  body > #site-menu.menu > a:focus,
  body > #site-menu.menu > a:active{
    color:#008B43!important;
    background:#F4F8F7!important;
  }

  body > #site-menu.menu > a:after{
    display:none!important;
    content:none!important;
  }

  body > #site-menu.menu > a.support-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;

    margin:18px 0 8px!important;
    padding:14px 18px!important;

    color:#062A4A!important;
    background:#F9B900!important;
    border:0!important;
    border-radius:10px!important;

    font-size:14px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  body.ssidi-nav-open{
    overflow:hidden!important;
    width:100%!important;
    touch-action:none!important;
  }

  /* keep hamburger above drawer */
  .site-header,
  .site-header .nav,
  .mobile-toggle{
    z-index:2147483001!important;
  }
}

@media(max-width:620px){
  body > #site-menu.menu.open,
  body > #site-menu.menu.ssidi-mobile-open{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body > #site-menu.menu > a{
    min-height:50px!important;
    padding:13px 14px!important;
    font-size:15.5px!important;
  }
}

@media(min-width:981px){
  body > #site-menu.menu{
    display:none!important;
  }
}


/* SSIDI v16 — Purpose / Vision / Mission / Approach */
.identity-framework{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin:28px 0 22px}.identity-card{position:relative;overflow:hidden;padding:32px;border:1px solid #dfe9ec;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(6,42,74,.06)}.identity-card:first-child{grid-row:span 2;background:#062a4a;color:#fff;border-color:#062a4a}.identity-card:first-child h2,.identity-card:first-child p{color:#fff}.identity-card:first-child .kicker{color:#f9b900}.identity-card h2{font-size:clamp(24px,3vw,38px);line-height:1.06;margin:8px 0 16px}.identity-card p{max-width:720px}.identity-num{position:absolute;right:22px;top:18px;font-weight:900;font-size:42px;line-height:1;color:rgba(0,139,67,.10)}.identity-card:first-child .identity-num{color:rgba(255,255,255,.10)}
.ssidi-approach{margin:24px 0 28px;padding:38px 32px;border-radius:20px;background:linear-gradient(135deg,#f2f8f5 0%,#fff 68%);border:1px solid #dce9e2}.approach-intro{max-width:820px;margin-bottom:26px}.approach-intro h2{font-size:clamp(30px,4vw,48px);line-height:1.04;margin:7px 0 12px}.approach-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.approach-flow:before{content:"";position:absolute;left:8%;right:8%;top:26px;height:2px;background:linear-gradient(90deg,#008b43,#f9b900);z-index:0}.approach-flow article{position:relative;z-index:1;padding:0 12px}.approach-flow article span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#062a4a;color:#fff;font-weight:900;border:5px solid #f2f8f5;margin-bottom:15px;transition:.25s ease}.approach-flow article:hover span{transform:translateY(-4px);background:#008b43}.approach-flow h3{text-transform:uppercase;letter-spacing:.04em;font-size:15px;margin:0 0 8px;color:#062a4a}.approach-flow p{font-size:14px;line-height:1.55;margin:0;color:#405463}
@media(max-width:900px){.identity-framework{grid-template-columns:1fr}.identity-card:first-child{grid-row:auto}.approach-flow{grid-template-columns:1fr;gap:0}.approach-flow:before{left:25px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(#008b43,#f9b900)}.approach-flow article{padding:0 0 24px 72px;min-height:92px}.approach-flow article span{position:absolute;left:0;top:0;margin:0}.ssidi-approach{padding:28px 22px}}
@media(max-width:620px){.identity-card{padding:24px 20px;border-radius:14px}.identity-card h2{font-size:27px}.ssidi-approach{margin-left:-2px;margin-right:-2px}.approach-intro h2{font-size:31px}}