/* ==========================================================
   Kent County Indivisible – Homepage v5 (non-profit layout)
   Navy #2d4c6b · Deep navy #1b3048 · Ink #16202c
   Yellow #f5c518 · Red #cb484e · Light blue #6d9fc2
   Tint #f4f7fa · Lines #e5e9ee
   ========================================================== */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:"Manrope",sans-serif;font-size:16.5px;line-height:1.7;color:#4a5563;background:#ffffff;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4,h5{font-family:"Quicksand",serif;color:#16202c;line-height:1.18;letter-spacing:-0.015em;font-weight:700}
h2{font-size:44px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ---------- Shared ---------- */
.eyebrow{font-family:"Quicksand",serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#cb484e;margin-bottom:12px}
.eyebrow-y{color:#f5c518}
.lead{font-size:18px;color:#4a5563;margin:18px 0 20px}
.note{font-size:13px;color:#8a94a4;margin-top:22px;text-align:center}
.more{font-family:"Quicksand",serif;font-weight:700;font-size:15px;color:#2d4c6b;transition:color .2s}
.more:hover{color:#cb484e}
.temp-img{width:100%;height:100%;object-fit:cover}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:"Quicksand",serif;font-weight:700;font-size:15px;padding:13px 26px;border-radius:6px;border:2px solid transparent;transition:all .2s ease;white-space:nowrap}
.btn-lg{padding:16px 32px;font-size:16px}
.btn-sm{padding:9px 18px;font-size:14px}
.btn-navy{background:#2d4c6b;color:#ffffff}
.btn-navy:hover{background:#1b3048}
.btn-yellow{background:#f5c518;color:#16202c}
.btn-yellow:hover{background:#ffd43b}
.btn-line{border-color:#2d4c6b;color:#2d4c6b}
.btn-line:hover{background:#2d4c6b;color:#ffffff}
.btn-white{background:#ffffff;color:#16202c}
.btn-white:hover{background:#f5c518}
.btn-white-line{border-color:#ffffff;color:#ffffff}
.btn-white-line:hover{background:#ffffff;color:#1b3048}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}

.sec{padding:110px 0}
.sec-tint{background:#f4f7fa}
.sec-navy{background:#1b3048;color:#c9d6e4}
.sec-navy h2,.sec-navy h4{color:#ffffff}
.sec-navy .lead{color:#c9d6e4}
.sec-title{text-align:center;max-width:680px;margin:0 auto 56px}
.sec-title p:last-child{margin-top:14px}
.sec-title.row{text-align:left;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}

/* ---------- Top bar ---------- */
.topbar{background:#16202c;color:#c9d6e4;font-size:14px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:20px}
.topbar b{color:#ffffff;font-weight:600}
.topbar p a{color:#f5c518;text-decoration:underline;margin-left:2px}
.tb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f5c518;margin-right:10px;vertical-align:middle;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.tb-links{display:flex;gap:22px}
.tb-links a:hover{color:#f5c518}

/* ---------- Header ---------- */
.header{background:#ffffff;position:sticky;top:0;z-index:50;transition:box-shadow .2s}
.header.scrolled{box-shadow:0 6px 24px rgba(22,32,44,.08)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:26px;height:88px}
.logo img{height:54px;width:auto;border-radius:6px}
.nav{display:flex;gap:30px}
.nav a{font-family:"Quicksand",serif;font-weight:600;font-size:15.5px;color:#16202c;position:relative;padding:8px 0}
.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#cb484e;transition:width .25s}
.nav a:hover:after,.nav a.on:after{width:100%}
.head-cta{display:flex;align-items:center;gap:20px}
.head-link{font-family:"Quicksand",serif;font-weight:700;font-size:15px;color:#2d4c6b}
.head-link:hover{color:#cb484e}
.burger{display:none;background:none;border:0;padding:6px}
.burger span{display:block;width:26px;height:2.5px;background:#16202c;margin:5px 0;border-radius:2px}

/* ---------- Hero ---------- */
.hero{background:#f4f7fa;padding:80px 0 150px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.hero h1{font-size:68px;line-height:1.05;letter-spacing:-0.03em;margin-bottom:16px}
.hero h1 span{color:#2d4c6b;display:block}
.hero-kings{font-family:"Quicksand",serif;font-size:22px;font-weight:600;color:#cb484e;margin-bottom:20px}
.hero-text{font-size:18px;max-width:540px;margin-bottom:34px}
.hero-points{list-style:none;display:flex;gap:26px;flex-wrap:wrap;margin-top:34px}
.hero-points li{font-size:15px;font-weight:600;color:#16202c;display:flex;align-items:center;gap:8px}
.hero-points li:before{content:"✓";width:22px;height:22px;border-radius:50%;background:#2d4c6b;color:#ffffff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.hero-media{position:relative}
.hero-img{height:560px;border-radius:14px;overflow:hidden;background:#c9dbeb}
.float-card{position:absolute;background:#ffffff;border-radius:12px;box-shadow:0 20px 50px rgba(22,32,44,.16)}
.fc-event{left:-50px;bottom:60px;display:flex;gap:16px;align-items:center;padding:16px 22px 16px 16px;max-width:320px}
.fc-date{flex:0 0 58px;height:62px;border-radius:8px;background:#cb484e;color:#ffffff;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1}
.fc-date b{font-family:"Quicksand",serif;font-size:26px}
.fc-date span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}
.fc-event small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8a94a4;font-weight:600}
.fc-event strong{font-family:"Quicksand",serif;font-size:16px;color:#16202c;line-height:1.3;display:block}
.fc-stat{right:-24px;top:40px;padding:20px 24px;background:#f5c518;max-width:200px}
.fc-stat b{display:block;font-family:"Quicksand",serif;font-size:34px;color:#16202c;line-height:1}
.fc-stat span{font-size:13.5px;color:#2b2b2b;line-height:1.35;display:block;margin-top:6px}

/* ---------- Ways ---------- */
.ways{margin-top:-80px;position:relative;z-index:5}
.ways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.way{background:#ffffff;border-radius:12px;padding:34px 28px;box-shadow:0 18px 44px rgba(22,32,44,.08);transition:all .3s ease;border-bottom:3px solid transparent}
.way-ic{width:62px;height:62px;border-radius:50%;background:#eaf0f6;color:#2d4c6b;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}
.way-ic svg{width:28px;height:28px}
.way h3{font-size:21px;margin-bottom:6px}
.way p{font-size:15px;margin-bottom:14px}
.way-go{font-family:"Quicksand",serif;font-weight:700;font-size:14.5px;color:#2d4c6b}
.way:hover{transform:translateY(-6px);border-bottom-color:#f5c518}
.way:hover .way-ic{background:#2d4c6b;color:#ffffff}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-media{position:relative;height:580px}
.am-main{position:absolute;left:0;top:0;width:76%;height:86%;border-radius:14px;overflow:hidden;background:#c9dbeb}
.am-sub{position:absolute;right:0;bottom:0;width:50%;height:48%;border-radius:14px;overflow:hidden;border:8px solid #ffffff;background:#dbe6f0;box-shadow:0 16px 40px rgba(22,32,44,.14)}
.am-badge{position:absolute;left:24px;bottom:24px;background:#2d4c6b;color:#ffffff;border-radius:12px;padding:20px 22px;max-width:200px}
.am-badge b{display:block;font-family:"Quicksand",serif;font-size:36px;line-height:1;color:#f5c518}
.am-badge span{font-size:13.5px;line-height:1.4;display:block;margin-top:6px;color:#e3eaf1}
.about-copy h2{margin-bottom:0}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:30px 0 36px}
.checks li{font-size:14.5px;line-height:1.5;padding-left:34px;position:relative}
.checks li:before{content:"✓";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:#f5c518;color:#16202c;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.checks b{display:block;font-family:"Quicksand",serif;color:#16202c;font-size:16.5px;margin-bottom:2px}

/* ---------- Campaigns ---------- */
.camp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.camp{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(22,32,44,.06);transition:all .3s;display:flex;flex-direction:column}
.camp:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(22,32,44,.12)}
.camp-img{position:relative;height:240px;overflow:hidden;background:#c9dbeb}
.camp-img img{transition:transform .5s}
.camp:hover .camp-img img{transform:scale(1.06)}
.camp-cat{position:absolute;left:18px;bottom:18px;background:#ffffff;color:#2d4c6b;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:4px}
.camp-body{padding:28px;display:flex;flex-direction:column;flex:1}
.camp h3{font-size:22px;margin-bottom:10px}
.camp p{font-size:15.5px;flex:1;margin-bottom:22px}
.camp-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e9ee;padding-top:18px}
.status{font-size:13px;font-weight:700;color:#1d7a46;display:flex;align-items:center;gap:6px}
.status:before{content:"";width:8px;height:8px;border-radius:50%;background:#1d7a46}

/* ---------- CTA band ---------- */
.cta-band{position:relative;padding:110px 0;overflow:hidden;background:#1b3048}
.cta-bg{position:absolute;inset:0}
.cta-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,32,44,.94) 0%,rgba(27,48,72,.85) 55%,rgba(27,48,72,.6) 100%)}
.cta-in{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.cta-band h2{color:#ffffff;max-width:640px;margin-bottom:12px}
.cta-band p{color:#d7e1eb;font-size:18px}

/* ---------- Counters ---------- */
.counters{background:#f5c518;padding:56px 0}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.counter{text-align:center;border-right:1px solid #d9ab0a}
.counter:last-child{border-right:0}
.counter b{display:block;font-family:"Quicksand",serif;font-size:48px;color:#16202c;line-height:1;margin-bottom:8px}
.counter span{font-size:15px;color:#2b2b2b;font-weight:500}

/* ---------- Events ---------- */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ev{border:1px solid #e5e9ee;border-radius:12px;overflow:hidden;transition:all .3s}
.ev:hover{box-shadow:0 20px 44px rgba(22,32,44,.1);border-color:#ffffff}
.ev-img{position:relative;height:220px;overflow:hidden;background:#c9dbeb}
.ev-date{position:absolute;right:18px;top:18px;background:#ffffff;border-radius:8px;width:62px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.ev-date b{font-family:"Quicksand",serif;font-size:26px;color:#cb484e}
.ev-date span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#16202c;margin-top:3px;font-weight:600}
.ev-body{padding:26px}
.ev-meta{list-style:none;display:flex;gap:18px;font-size:13.5px;color:#8a94a4;margin-bottom:10px;flex-wrap:wrap}
.ev-meta li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d9fc2;margin-right:7px;vertical-align:middle}
.ev h3{font-size:21px;margin-bottom:8px}
.ev p{font-size:15px;margin-bottom:16px}

/* ---------- Help / levels ---------- */
.help-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.help-grid .btn-row{margin-top:10px}
.steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.steps li{display:flex;gap:16px;align-items:flex-start;background:#223a57;border-radius:10px;padding:20px;transition:background .25s}
.steps li:hover{background:#2d4c6b}
.steps li:last-child{grid-column:1 / -1;background:#f5c518}
.steps li:last-child h4{color:#16202c}
.steps li:last-child p{color:#2b2b2b}
.steps li:last-child span{background:#16202c;color:#f5c518}
.steps span{flex:0 0 42px;height:42px;border-radius:50%;background:#6d9fc2;color:#ffffff;font-family:"Quicksand",serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.steps h4{font-size:17px;margin-bottom:2px}
.steps p{font-size:14px;color:#b8c6d6;line-height:1.5}

/* ---------- Voter ---------- */
.voter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.voter-img{height:520px;border-radius:14px;overflow:hidden;background:#c9dbeb}
.district{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px solid #e5e9ee;border-radius:12px;padding:20px 24px;margin-bottom:14px;transition:all .25s}
.district:hover{border-color:#2d4c6b;box-shadow:0 12px 30px rgba(22,32,44,.08)}
.d-num{width:60px;height:60px;border-radius:10px;background:#2d4c6b;color:#ffffff;font-family:"Quicksand",serif;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center}
.district h4{font-size:18px}
.district p{font-size:14.5px}
.district i{font-style:normal;color:#2d4c6b;font-size:20px}
.voter-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.voter-links a{font-size:14px;font-weight:600;color:#2d4c6b;background:#eaf0f6;padding:8px 16px;border-radius:30px}
.voter-links a:hover{background:#2d4c6b;color:#ffffff}

/* ---------- News ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.post{background:#ffffff;border-radius:12px;overflow:hidden;transition:all .3s}
.post:hover{box-shadow:0 20px 44px rgba(22,32,44,.1)}
.post-img{height:230px;overflow:hidden;background:#c9dbeb}
.post-img img{transition:transform .5s}
.post:hover .post-img img{transform:scale(1.06)}
.post-body{padding:26px}
.post-meta{display:flex;gap:14px;font-size:13px;margin-bottom:10px}
.post-meta span{color:#cb484e;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-meta time{color:#8a94a4}
.post h3{font-size:20px;margin-bottom:16px}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
details{border:1px solid #e5e9ee;border-radius:10px;margin-bottom:12px;transition:border .2s}
details[open]{border-color:#2d4c6b}
summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:"Quicksand",serif;font-weight:700;font-size:17px;color:#16202c;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";flex:0 0 30px;height:30px;border-radius:50%;background:#eaf0f6;color:#2d4c6b;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400}
details[open] summary:after{content:"–";background:#2d4c6b;color:#ffffff}
details p{padding:0 24px 20px}

/* ---------- Footer ---------- */
.footer{background:#1b3048;color:#b8c6d6;font-size:15px;padding-top:1px}
.newsletter{background:#f5c518;border-radius:14px;padding:40px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;transform:translateY(-50%);margin-bottom:-40px;box-shadow:0 20px 50px rgba(22,32,44,.18)}
.newsletter h3{font-size:28px}
.newsletter p{color:#2b2b2b}
.nl-form{display:flex;gap:10px;flex:1;max-width:520px}
.nl-form input{flex:1;min-width:0;height:52px;border:0;border-radius:6px;padding:0 18px;font-size:15px;font-family:"Manrope",sans-serif;outline:0}
.nl-form .btn{height:52px}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px}
.f-grid > div:not(.f-brand){display:flex;flex-direction:column;gap:10px}
.f-brand img{height:56px;border-radius:6px;margin-bottom:18px}
.f-brand p{max-width:320px;margin-bottom:18px}
.f-social{display:flex;gap:10px;flex-wrap:wrap}
.f-social a{border:1px solid #35587c;border-radius:30px;padding:6px 14px;font-size:14px}
.f-social a:hover{background:#f5c518;color:#16202c;border-color:#f5c518}
.footer h5{color:#ffffff;font-size:18px;margin-bottom:10px}
.footer a:hover{color:#f5c518}
.f-bottom{background:#16202c;padding:20px 0;font-size:14px;color:#8a94a4}
.f-bottom-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---------- Toast / to-top ---------- */
.toast{position:fixed;right:24px;bottom:24px;z-index:80;width:320px;background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 24px 60px rgba(22,32,44,.22);border-top:5px solid #f5c518;transform:translateY(150%);transition:transform .45s ease}
.toast.show{transform:none}
.toast-x{position:absolute;right:14px;top:10px;background:none;border:0;font-size:24px;color:#8a94a4;line-height:1}
.toast-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#cb484e;margin-bottom:6px}
.toast h4{font-size:22px;margin-bottom:6px}
.toast p{font-size:14.5px;margin-bottom:16px}
.to-top{position:fixed;left:24px;bottom:24px;z-index:60;width:46px;height:46px;border-radius:50%;border:0;background:#2d4c6b;color:#ffffff;font-size:20px;opacity:0;pointer-events:none;transition:opacity .3s}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{background:#cb484e}
.m-cta{display:none}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media (max-width:1140px){
  .nav{gap:20px}
  .head-link{display:none}
  .hero h1{font-size:56px}
  .fc-event{left:-20px}
}
@media (max-width:980px){
  h2{font-size:36px}
  .burger{display:block}
  .nav{display:none;position:absolute;top:88px;left:0;right:0;background:#ffffff;flex-direction:column;gap:0;padding:10px 28px 24px;box-shadow:0 14px 24px rgba(22,32,44,.1)}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid #e5e9ee}
  .nav a:after{display:none}
  .hero-grid,.about-grid,.help-grid,.voter-grid,.faq-grid{grid-template-columns:1fr;gap:50px}
  .hero-img{height:440px}
  .fc-event{left:16px}
  .fc-stat{right:16px}
  .ways-grid{grid-template-columns:1fr 1fr}
  .camp-grid,.ev-grid,.news-grid{grid-template-columns:1fr 1fr}
  .counter-grid{grid-template-columns:1fr 1fr;row-gap:30px}
  .counter:nth-child(2){border-right:0}
  .voter-img{height:360px}
  .f-grid{grid-template-columns:1fr 1fr}
  .f-brand{grid-column:1 / -1}
}
@media (max-width:640px){
  body{font-size:16px}
  h2{font-size:29px}
  .wrap{padding:0 16px}
  .topbar-in{font-size:12.5px;padding:8px 0;min-height:0}
  .tb-links{display:none}
  .head-in{height:72px}
  .logo img{height:42px}
  .nav{top:72px;padding:10px 16px 20px}
  .head-cta .btn-yellow{padding:9px 14px;font-size:13.5px}
  .sec{padding:70px 0}
  .hero{padding:48px 0 120px}
  .hero h1{font-size:42px}
  .hero-kings{font-size:19px}
  .hero-text{font-size:16.5px}
  .hero-img{height:320px}
  .fc-event{left:10px;right:10px;bottom:-30px;max-width:none}
  .fc-stat{top:14px;right:10px;padding:14px 16px}
  .fc-stat b{font-size:26px}
  .ways{margin-top:-60px}
  .ways-grid,.camp-grid,.ev-grid,.news-grid,.checks,.steps{grid-template-columns:1fr}
  .steps li:last-child{grid-column:auto}
  .about-media{height:400px}
  .am-badge{left:12px;bottom:12px;padding:14px 16px}
  .am-badge b{font-size:28px}
  .cta-band{padding:70px 0}
  .counter b{font-size:36px}
  .counter{border-right:0}
  .district{padding:16px;gap:14px}
  .d-num{width:48px;height:48px;font-size:19px}
  .newsletter{padding:28px 22px;transform:translateY(-30%)}
  .nl-form{flex-direction:column;max-width:none}
  .f-grid{grid-template-columns:1fr 1fr}
  .toast{left:16px;right:16px;width:auto;bottom:70px}
  .to-top{display:none}
  .m-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;box-shadow:0 -6px 20px rgba(0,0,0,.15)}
  .m-cta a{text-align:center;padding:15px;font-family:"Quicksand",serif;font-weight:700}
  .m-cta a:first-child{background:#2d4c6b;color:#ffffff}
  .m-cta a:last-child{background:#f5c518;color:#16202c}
  .f-bottom{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .tb-dot{animation:none}
}
#faq{padding-bottom:170px}

/* ==========================================================
   BRIGHT GRADIENT THEME
   Blue  : #1e5aa8 → #3b8fd9 → #6ec3f0
   Sun   : #ffd84d → #f5c518 → #ff9f1c
   Coral : #e14b52 → #ff7a59
   Deep  : #16202c → #1e3f73 → #2f7fd0
   ========================================================== */

/* Buttons */
.btn-navy{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%);color:#ffffff;box-shadow:0 8px 20px rgba(30,90,168,.25)}
.btn-navy:hover{background:linear-gradient(135deg,#17488a 0%,#2f7fd0 100%);transform:translateY(-2px)}
.btn-yellow{background:linear-gradient(135deg,#ffd84d 0%,#f5c518 50%,#ff9f1c 100%);color:#16202c;box-shadow:0 8px 20px rgba(255,159,28,.28)}
.btn-yellow:hover{background:linear-gradient(135deg,#ffe066 0%,#ffcb2b 50%,#ff8f00 100%);transform:translateY(-2px)}
.btn-line:hover{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%);border-color:#3b8fd9}

/* Gradient text accents */
.eyebrow{background:linear-gradient(90deg,#e14b52 0%,#ff7a59 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.eyebrow-y{background:linear-gradient(90deg,#ffd84d 0%,#ff9f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 span{background:linear-gradient(90deg,#1e5aa8 0%,#3b8fd9 55%,#6ec3f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.nav a:after{background:linear-gradient(90deg,#e14b52 0%,#ff9f1c 100%);height:3px;border-radius:3px}

/* Hero */
.hero{background:linear-gradient(135deg,#eaf4ff 0%,#f7fbff 45%,#fff6df 100%)}
.fc-date{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.fc-stat{background:linear-gradient(135deg,#ffd84d 0%,#f5c518 50%,#ff9f1c 100%)}
.hero-points li:before{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}

/* Action cards */
.way-ic{background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%);color:#1e5aa8}
.way:hover .way-ic{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%);color:#ffffff}
.way:hover{border-bottom-color:#ff9f1c}

/* About */
.am-badge{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}
.am-badge b{color:#ffffff}
.checks li:before{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%)}

/* Sections */
.sec-tint{background:linear-gradient(180deg,#f2f8ff 0%,#fffaf0 100%)}
.cta-band:after{background:linear-gradient(110deg,rgba(22,32,44,.92) 0%,rgba(30,90,168,.82) 55%,rgba(59,143,217,.55) 100%)}
.counters{background:linear-gradient(120deg,#ffd84d 0%,#f5c518 40%,#ff9f1c 100%)}
.counter{border-right-color:rgba(22,32,44,.15)}
.sec-navy{background:linear-gradient(135deg,#16202c 0%,#1e3f73 55%,#2f7fd0 100%)}

/* Cards and badges */
.camp-cat{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%);color:#ffffff}
.ev-date b{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.post-meta span{background:linear-gradient(90deg,#e14b52 0%,#ff7a59 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.steps li:hover{background:rgba(255,255,255,.16)}
.steps span{background:linear-gradient(135deg,#3b8fd9 0%,#6ec3f0 100%)}
.steps li:last-child{background:linear-gradient(135deg,#ffd84d 0%,#f5c518 50%,#ff9f1c 100%);border-color:transparent}
.d-num{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.voter-links a{background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%)}
.voter-links a:hover{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}
details[open]{border-color:#3b8fd9}
details[open] summary:after{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}

/* Footer */
.footer{background:linear-gradient(160deg,#16202c 0%,#1b3048 50%,#1e3f73 100%)}
.newsletter{background:linear-gradient(120deg,#ffd84d 0%,#f5c518 45%,#ff9f1c 100%)}
.f-social a:hover{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);border-color:#ff9f1c}

/* Floating UI */
.toast{border-top:0;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(90deg,#1e5aa8,#3b8fd9,#ffd84d,#ff9f1c) border-box;border-top:5px solid transparent}
.to-top{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}
.to-top:hover{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.tb-dot{background:linear-gradient(135deg,#ffd84d,#ff9f1c)}
.m-cta a:first-child{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}
.m-cta a:last-child{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%)}

/* ---------- Campaign cards: swapped badges + smoother motion ---------- */
.camp-cat{display:inline-flex;align-items:center;gap:7px;background:#ffffff;color:#1d7a46;box-shadow:0 6px 16px rgba(22,32,44,.18)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#1d7a46;box-shadow:0 0 0 0 rgba(29,122,70,.5);animation:livePulse 2.4s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(29,122,70,.45)}70%{box-shadow:0 0 0 8px rgba(29,122,70,0)}100%{box-shadow:0 0 0 0 rgba(29,122,70,0)}}
.camp-type{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#1e5aa8 0%,#3b8fd9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.camp{transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1);will-change:transform}
.camp:hover{transform:translateY(-8px)}
.camp-img img{transition:transform 1.2s cubic-bezier(.22,.61,.36,1);will-change:transform}
.camp:hover .camp-img img{transform:scale(1.05)}
.camp .more{display:inline-block;transition:color .3s ease,transform .4s cubic-bezier(.22,.61,.36,1)}
.camp:hover .more{transform:translateX(4px)}
.camp.reveal{transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),box-shadow .6s ease}
.camp.reveal.in:nth-child(2){transition-delay:.12s}
.camp.reveal.in:nth-child(3){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.camp,.camp-img img{transition:none}}

/* ---------- "Ways to act" cards: smoother motion ---------- */
.way{transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1),border-color .4s ease;will-change:transform}
.way:hover{transform:translateY(-8px);box-shadow:0 26px 54px rgba(30,90,168,.16)}
.way-ic{transition:background .5s ease,color .5s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.way:hover .way-ic{transform:scale(1.08) rotate(-4deg)}
.way-go{display:inline-block;transition:transform .45s cubic-bezier(.22,.61,.36,1),color .3s ease}
.way:hover .way-go{transform:translateX(5px);color:#1e5aa8}
.way.reveal{transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
.way.reveal.in:nth-child(2){transition-delay:.1s}
.way.reveal.in:nth-child(3){transition-delay:.2s}
.way.reveal.in:nth-child(4){transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.way,.way-ic,.way-go{transition:none}.way:hover .way-ic{transform:none}}
@media (max-width:1280px) and (min-width:981px){.nav{gap:22px}.nav a{font-size:15px}}


/* ---------- Clean header ---------- */
.topbar-in{min-height:38px}
.topbar{font-size:13.5px}
.tb-links{gap:14px;align-items:center}
.tb-links a{display:flex;opacity:.75;transition:opacity .2s}
.tb-links a:hover{opacity:1;color:#ffffff}
.tb-links svg{width:15px;height:15px}
.head-in{height:80px}
.logo img{height:48px}
.nav{gap:36px;margin:0 auto}
.nav a,.nav-drop-btn{font-family:"Quicksand",serif;font-weight:600;font-size:15.5px;color:#16202c}
.nav a:after{height:2px}
.nav-drop{position:relative}
.nav-drop-btn{background:none;border:0;display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer}
.caret{width:7px;height:7px;border-right:1.8px solid #16202c;border-bottom:1.8px solid #16202c;transform:rotate(45deg);margin-top:-4px;transition:transform .3s ease}
.nav-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,8px);min-width:200px;background:#ffffff;border-radius:12px;box-shadow:0 20px 44px rgba(22,32,44,.14);padding:10px;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .25s}
.nav-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav-menu a{display:block;padding:10px 14px;border-radius:8px;font-size:15px}
.nav-menu a:after{display:none}
.nav-menu a:hover{background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%)}
.ext{font-size:12px;color:#8a94a4;margin-left:4px}
.nav-drop:hover .nav-menu,.nav-drop.open .nav-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-drop:hover .caret,.nav-drop.open .caret{transform:rotate(225deg);margin-top:3px}
.head-cta{gap:12px}
.btn-ghost{border:1.5px solid #d5dbe3;color:#16202c;background:#ffffff;padding:11px 22px}
.btn-ghost:hover{border-color:#1e5aa8;color:#1e5aa8}
.head-cta .btn{padding:11px 24px;box-shadow:none}
.head-cta .btn-yellow:hover{box-shadow:0 8px 20px rgba(255,159,28,.28)}
@media (max-width:1280px) and (min-width:981px){.nav{gap:26px}}
@media (max-width:980px){
  .nav{gap:0;margin:0}
  .head-cta .btn-ghost{display:none}
  .nav-drop-btn{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5e9ee}
  .nav-menu{position:static;transform:none;box-shadow:none;padding:0 0 0 12px;min-width:0;display:none;opacity:1;visibility:visible}
  .nav-drop.open .nav-menu{display:block;transform:none}
  .nav-drop:hover .nav-menu{transform:none}
}

/* ---------- Latest news: feature + list layout ---------- */
.news-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}
.news-feature{position:relative;border-radius:16px;overflow:hidden;min-height:560px;display:flex;align-items:flex-end;background:#1b3048}
.news-feature .temp-img{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.news-feature:hover .temp-img{transform:scale(1.05)}
.nf-body{position:relative;z-index:2;width:100%;padding:36px;background:linear-gradient(0deg,rgba(22,32,44,.95) 0%,rgba(22,32,44,.7) 55%,rgba(22,32,44,0) 100%)}
.nf-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#16202c;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);padding:5px 12px;border-radius:30px;margin-bottom:14px}
.nf-body h3{color:#ffffff;font-size:32px;line-height:1.2;margin-bottom:12px}
.nf-body p{color:#d7e1eb;margin-bottom:14px}
.nf-meta{font-size:13.5px;font-weight:600;color:#c9d6e4}
.news-list{display:flex;flex-direction:column}
.nl-item{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #e5e9ee}
.nl-item:first-child{padding-top:0}
.nl-item:last-child{border-bottom:0;padding-bottom:0}
.nl-img{height:110px;border-radius:12px;overflow:hidden;background:#c9dbeb}
.nl-img .temp-img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.nl-item:hover .nl-img .temp-img{transform:scale(1.08)}
.nl-item time{display:block;font-size:13px;font-weight:600;color:#8a94a4;margin-bottom:4px}
.nl-item h4{font-size:18px;line-height:1.3;margin-bottom:4px;transition:color .3s}
.nl-item:hover h4{color:#1e5aa8}
.nl-item p{font-size:14.5px;line-height:1.5}
@media (max-width:980px){.news-layout{grid-template-columns:1fr}.news-feature{min-height:440px}}
@media (max-width:640px){.news-feature{min-height:380px}.nf-body{padding:24px}.nf-body h3{font-size:24px}.nl-item{grid-template-columns:96px 1fr;gap:14px}.nl-img{height:88px}.nl-item h4{font-size:16px}}

/* ==========================================================
   INNER PAGES (about, campaigns, calendar)
   ========================================================== */

/* Page hero */
.page-hero{position:relative;overflow:hidden;padding:120px 0 110px;background:#1b3048}
.page-hero .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(22,32,44,.92) 0%,rgba(30,90,168,.78) 55%,rgba(59,143,217,.45) 100%)}
.page-hero-in{position:relative;z-index:2}
.crumbs{display:flex;gap:10px;align-items:center;font-size:14px;color:#c9d6e4;margin-bottom:18px}
.crumbs a:hover{color:#ffd84d}
.crumbs b{color:#ffd84d;font-weight:600}
.page-hero h1{color:#ffffff;font-size:60px;letter-spacing:-0.025em;max-width:820px}
.ph-sub{color:#e3eaf1;font-size:19px;margin-top:16px;max-width:620px}

/* About */
.val-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.val-card{background:#ffffff;border-radius:14px;padding:36px;box-shadow:0 12px 34px rgba(22,32,44,.06);transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.val-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(30,90,168,.14)}
.val-ic{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#ffffff;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.val-card:nth-child(2) .val-ic{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.val-card:nth-child(3) .val-ic{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c}
.val-ic svg{width:26px;height:26px}
.val-card h3{font-size:24px;margin-bottom:10px}
.rights{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start;background:linear-gradient(135deg,#eaf4ff 0%,#fff6df 100%);border-radius:18px;padding:50px}
.rights-ic{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%)}
.rights-ic svg{width:44px;height:44px}
.rights h2{font-size:34px;margin-bottom:14px}
.rights p{margin-bottom:24px;max-width:820px}
.vol-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.vol-grid > div > p{margin-bottom:16px}
.vol-grid b{color:#ffffff}
.vol-grid .btn{margin-top:10px}
.vol-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:36px}
.vol-card h3{color:#ffffff;font-size:21px;margin-bottom:18px}
.vol-list{list-style:none}
.vol-list li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid rgba(255,255,255,.1);color:#d7e1eb;font-size:15.5px;line-height:1.5}
.vol-list li:last-child{border-bottom:0}
.vol-list li:before{content:"✓";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#16202c;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%)}
.vol-note{margin-top:20px;font-size:15px;color:#ffffff}

/* Campaigns */
.camp-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.big-lead{font-family:"Quicksand",serif;font-size:26px;line-height:1.45;color:#16202c;font-weight:500}
.big-lead b{background:linear-gradient(90deg,#e14b52 0%,#ff9f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.what-why{border-left:4px solid #3b8fd9;padding-left:34px}
.what-why h2{font-size:30px;margin-bottom:18px}
.what-why p{margin-bottom:14px}
.what-why a{color:#1e5aa8;font-weight:700;text-decoration:underline}
.compare{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;gap:22px;align-items:center}
.cmp-card{background:#ffffff;border-radius:16px;padding:34px 30px;text-align:center;box-shadow:0 12px 34px rgba(22,32,44,.06)}
.cmp-hot{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%);transform:scale(1.04)}
.cmp-hot h3,.cmp-hot p,.cmp-hot b{color:#ffffff}
.cmp-num{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;font-family:"Quicksand",serif;font-weight:700;font-size:22px;margin-bottom:14px;color:#16202c;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%)}
.cmp-card h3{font-size:24px;margin-bottom:8px}
.cmp-card p{font-size:15.5px}
.cmp-dots{display:flex;gap:6px;justify-content:center;margin-top:18px}
.cmp-dots i{width:12px;height:12px;border-radius:50%;background:#d5dbe3}
.cmp-dots i.on{background:#e14b52}
.cmp-hot .cmp-dots i.on{background:#ffd84d}
.cmp-dots i.star{width:14px;height:14px;background:linear-gradient(135deg,#ffd84d,#ff9f1c)}
.cmp-arrow{font-size:30px;color:#3b8fd9}
.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.focus-card{border-radius:16px;padding:32px 28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff;border:1px solid #e5e9ee;transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.focus-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(30,90,168,.14)}
.focus-card span{font-family:"Quicksand",serif;font-weight:700;font-size:40px;line-height:1;background:linear-gradient(135deg,#1e5aa8 0%,#6ec3f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.focus-card:nth-child(2) span{background-image:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.focus-card:nth-child(3) span{background-image:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%)}
.focus-card h3{font-size:20px;line-height:1.3}
.camp-grid.camp-4,.sec .camp-grid:has(.camp:nth-child(4)){grid-template-columns:repeat(4,1fr)}

/* Calendar */
.cal-frame{border-radius:18px;background:#ffffff;box-shadow:0 20px 50px rgba(22,32,44,.08);padding:30px;border:1px solid #e5e9ee}
.cal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px;flex-wrap:wrap}
.cal-month{display:flex;align-items:center;gap:16px}
.cal-month b{font-family:"Quicksand",serif;font-size:24px;color:#16202c}
.cal-month button{width:38px;height:38px;border-radius:50%;border:1px solid #d5dbe3;background:#ffffff;font-size:20px;color:#1e5aa8}
.cal-month button:hover{background:linear-gradient(135deg,#1e5aa8,#3b8fd9);color:#ffffff;border-color:transparent}
.cal-views{display:flex;background:#f4f7fa;border-radius:30px;padding:4px}
.cal-views span{padding:7px 18px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer}
.cal-views span.on{background:linear-gradient(135deg,#1e5aa8,#3b8fd9);color:#ffffff}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-dow{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8a94a4;text-align:center;padding-bottom:6px}
.cal-day{min-height:92px;border-radius:10px;background:#f7f9fb;padding:8px 10px;font-size:14px}
.cal-day b{font-weight:600;color:#16202c}
.cal-day.empty{background:transparent}
.cal-label{text-align:center;margin-top:20px;font-size:14px;color:#8a94a4}
.cal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.info-card{background:#ffffff;border-radius:16px;padding:34px 30px;box-shadow:0 12px 34px rgba(22,32,44,.06);display:flex;flex-direction:column}
.info-card h3{font-size:21px;margin-bottom:10px}
.info-card p{font-size:15.5px;flex:1;margin-bottom:18px}
.info-card:nth-child(2) .val-ic{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c}
.info-card:nth-child(3) .val-ic{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}

@media (max-width:1100px){
  .sec .camp-grid:has(.camp:nth-child(4)){grid-template-columns:repeat(2,1fr)}
  .focus-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .page-hero{padding:90px 0 80px}
  .page-hero h1{font-size:44px}
  .val-grid,.vol-grid,.camp-intro,.cal-info{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
  .cmp-arrow{transform:rotate(90deg);text-align:center}
  .cmp-hot{transform:none}
}
@media (max-width:640px){
  .page-hero{padding:64px 0 56px}
  .page-hero h1{font-size:34px}
  .ph-sub{font-size:16.5px}
  .rights{grid-template-columns:1fr;padding:30px 22px;gap:20px}
  .rights-ic{width:64px;height:64px}
  .rights h2{font-size:26px}
  .big-lead{font-size:20px}
  .what-why{padding-left:20px}
  .focus-grid,.sec .camp-grid:has(.camp:nth-child(4)){grid-template-columns:1fr}
  .cal-frame{padding:16px}
  .cal-day{min-height:52px;padding:4px 6px;font-size:12px}
  .cal-dow{font-size:10.5px}
  .val-card,.vol-card{padding:26px 22px}
}
/* inner-page fixes */
main > section:last-child{padding-bottom:170px}
.sec .camp-grid:has(.camp:nth-child(4)) .camp-foot{flex-direction:column;align-items:flex-start;gap:10px}

/* ---------- Campaign updates (campaigns page) ---------- */
.cu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.cu-card{display:grid;grid-template-columns:42% 1fr;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(22,32,44,.06);transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.cu-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(30,90,168,.14)}
.cu-img{position:relative;overflow:hidden;min-height:240px;background:#c9dbeb}
.cu-img .temp-img{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.cu-card:hover .cu-img .temp-img{transform:scale(1.06)}
.cu-body{padding:28px 28px 26px;display:flex;flex-direction:column}
.cu-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.cu-meta time{font-size:13px;font-weight:600;color:#8a94a4;white-space:nowrap}
.cu-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:30px;white-space:nowrap}
.t-red{background:#fde8e6;color:#c7383f}
.t-blue{background:#e3f0ff;color:#1e5aa8}
.t-sun{background:#fff1cc;color:#9a5b00}
.cu-body h3{font-size:20px;line-height:1.3;margin-bottom:10px;transition:color .3s}
.cu-card:hover h3{color:#1e5aa8}
.cu-body p{font-size:15px;line-height:1.6;flex:1;margin-bottom:18px}
.cu-more{font-family:"Quicksand",serif;font-weight:700;font-size:15px;color:#1e5aa8;display:inline-flex;align-items:center;gap:6px}
.cu-more i{font-style:normal;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.cu-card:hover .cu-more i{transform:translateX(5px)}
@media (max-width:1100px){.cu-grid{grid-template-columns:1fr}}
@media (max-width:640px){.cu-card{grid-template-columns:1fr}.cu-img{min-height:200px}.cu-body{padding:22px}}
/* Tockify frame */
.cal-frame [data-tockify-component]{min-height:600px}

/* ---------- Calendar: live Tockify events in site design ---------- */
.events-app{max-width:1040px;margin:0 auto}
.ea-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#ffffff;border-radius:16px;padding:14px;box-shadow:0 14px 36px rgba(22,32,44,.07);margin-bottom:22px}
.ea-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:#f4f7fa;border-radius:40px;padding:0 18px;height:48px;border:1.5px solid transparent;transition:border .2s}
.ea-search:focus-within{border-color:#3b8fd9;background:#ffffff}
.ea-search svg{width:18px;height:18px;color:#8a94a4;flex:0 0 18px}
.ea-search input{flex:1;border:0;outline:0;background:transparent;font-family:"Manrope",sans-serif;font-size:15px;color:#16202c;min-width:0}
.ea-nav{display:flex;gap:6px}
.ea-btn{height:48px;min-width:48px;border-radius:40px;border:1.5px solid #e5e9ee;background:#ffffff;font-family:"Quicksand",serif;font-weight:700;font-size:18px;color:#1e5aa8;padding:0 14px;transition:all .25s}
.ea-today{font-size:14.5px;padding:0 20px}
.ea-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e5aa8,#3b8fd9);color:#ffffff;border-color:transparent}
.ea-btn:disabled{opacity:.35;cursor:default}
.ea-sub{height:48px;border-radius:40px}
.ea-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.ea-chip{border:1.5px solid #e5e9ee;background:#ffffff;border-radius:40px;padding:8px 18px;font-family:"Quicksand",serif;font-weight:700;font-size:14px;color:#16202c;transition:all .25s}
.ea-chip:hover{border-color:#3b8fd9;color:#1e5aa8}
.ea-chip.on{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);border-color:transparent;color:#16202c}
.ea-heading{font-size:34px;margin-bottom:8px}
.ea-month{font-family:"Quicksand",serif;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:30px 0 14px;background:linear-gradient(90deg,#e14b52 0%,#ff7a59 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.ea-list{display:flex;flex-direction:column;gap:16px}
.ea-list .ea-month{margin-bottom:0}
.ea-card{display:grid;grid-template-columns:86px 120px 1fr auto;gap:22px;align-items:center;background:#ffffff;border-radius:18px;padding:18px 24px 18px 18px;box-shadow:0 10px 30px rgba(22,32,44,.06);transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1);animation:eaIn .7s cubic-bezier(.22,.61,.36,1) both}
.ea-card:nth-child(2){animation-delay:.05s}.ea-card:nth-child(3){animation-delay:.1s}.ea-card:nth-child(4){animation-delay:.15s}.ea-card:nth-child(5){animation-delay:.2s}.ea-card:nth-child(6){animation-delay:.25s}
@keyframes eaIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ea-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(30,90,168,.14)}
.ea-date{height:96px;border-radius:14px;color:#ffffff;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.ea-date b{font-family:"Quicksand",serif;font-size:32px}
.ea-date span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.ea-date small{font-size:11.5px;opacity:.85;margin-top:3px}
.ea-img{width:120px;height:96px;border-radius:12px;overflow:hidden;background:#eef3f8}
.ea-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.ea-card:hover .ea-img img{transform:scale(1.07)}
.ea-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.ea-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:30px;background:#fff1cc;color:#9a5b00}
.ea-body h3{font-size:20px;line-height:1.3;margin-bottom:6px}
.ea-body h3 a{transition:color .3s}
.ea-card:hover h3 a{color:#1e5aa8}
.ea-time,.ea-addr{display:flex;align-items:flex-start;gap:8px;font-size:14.5px;line-height:1.5;color:#4a5563}
.ea-time{font-weight:600;color:#16202c;margin-bottom:2px}
.ea-time svg,.ea-addr svg{width:16px;height:16px;flex:0 0 16px;margin-top:3px;color:#3b8fd9}
.ea-addr a:hover{color:#1e5aa8;text-decoration:underline}
.ea-go{width:46px;height:46px;border-radius:50%;border:1.5px solid #e5e9ee;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1e5aa8;transition:all .35s cubic-bezier(.22,.61,.36,1)}
.ea-card:hover .ea-go{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);border-color:transparent;color:#16202c;transform:translateX(3px)}
.ea-skel{height:132px;border-radius:18px;background:linear-gradient(90deg,#eef3f8 0%,#f7f9fb 50%,#eef3f8 100%);background-size:200% 100%;animation:skel 1.4s ease infinite}
@keyframes skel{from{background-position:200% 0}to{background-position:-200% 0}}
.ea-empty{text-align:center;padding:40px 0;color:#4a5563}
.ea-empty a{color:#1e5aa8;font-weight:700;text-decoration:underline}
@media (max-width:820px){.ea-card{grid-template-columns:76px 1fr auto}.ea-img{display:none}.ea-date{height:84px}}
@media (max-width:640px){
  .ea-bar{padding:12px}
  .ea-search{min-width:100%}
  .ea-nav{flex:1}
  .ea-today{flex:1}
  .ea-card{grid-template-columns:64px 1fr;gap:14px;padding:14px}
  .ea-go{display:none}
  .ea-date{height:74px}.ea-date b{font-size:26px}
  .ea-heading{font-size:26px}
  .ea-body h3{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.ea-card{animation:none}.ea-skel{animation:none}}

/* ==========================================================
   INNER PAGES 2 (volunteer, resources, news, faq)
   ========================================================== */
.nav-drop-btn.on{color:#1e5aa8}
.is-logo{object-fit:contain !important;background:#2d4c6b;padding:18px}

/* Volunteer */
.vol-page{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.vp-copy > p{margin-bottom:16px}
.vp-copy b{color:#16202c}
.vp-steps{display:flex;flex-direction:column;gap:16px}
.vp-step{display:flex;gap:18px;align-items:center;background:#ffffff;border-radius:16px;padding:22px 24px;box-shadow:0 12px 34px rgba(22,32,44,.07);transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.vp-step:hover{transform:translateX(6px)}
.vp-step span{flex:0 0 52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Quicksand",serif;font-weight:700;color:#ffffff;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.vp-step:nth-child(2) span{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c}
.vp-step:nth-child(3) span{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.vp-step h4{font-size:18px}
.vp-step p{font-size:14.5px}
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.role{background:#ffffff;border-radius:16px;padding:28px 24px;box-shadow:0 12px 34px rgba(22,32,44,.06);transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.role:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(30,90,168,.14)}
.role:nth-child(4n+2) .val-ic{background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%)}
.role:nth-child(4n+3) .val-ic{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c}
.role p{font-family:"Quicksand",serif;font-weight:600;font-size:16.5px;line-height:1.45;color:#16202c}
.role-note{text-align:center;max-width:760px;margin:40px auto 0;font-size:17px}
.role-note b{color:#16202c}
.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.vp-related{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.vp-related a{display:flex;align-items:center;gap:14px;background:#f4f7fa;border-radius:14px;padding:10px;transition:background .3s}
.vp-related a:hover{background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%)}
.vp-related img{width:72px;height:56px;border-radius:10px;object-fit:cover}
.vp-related span{font-family:"Quicksand",serif;font-weight:700;color:#16202c;line-height:1.3}
.vp-related small{display:block;font-size:12px;color:#8a94a4;text-transform:uppercase;letter-spacing:.08em;font-family:"Manrope",sans-serif}
.an-card{background:#ffffff;border-radius:18px;padding:34px;box-shadow:0 20px 50px rgba(22,32,44,.08);border-top:5px solid #3b8fd9;min-height:420px}
/* Action Network form restyle (form renders inside .an-card) */
.an-card #can_embed_form{background:transparent !important;border:0 !important;padding:0 !important;font-family:"Manrope",sans-serif !important;max-width:none !important}
.an-card #can_embed_form h2,.an-card #can_embed_form h4{font-family:"Quicksand",serif !important;color:#16202c !important}
.an-card #can_embed_form input[type=text],.an-card #can_embed_form input[type=email],.an-card #can_embed_form input[type=tel],.an-card #can_embed_form select{border:1.5px solid #d5dbe3 !important;border-radius:10px !important;padding:12px 14px !important;font-size:15px !important;font-family:"Manrope",sans-serif !important;height:auto !important}
.an-card #can_embed_form input:focus{border-color:#3b8fd9 !important;outline:0 !important}
.an-card #can_embed_form input[type=submit]{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%) !important;border:0 !important;border-radius:8px !important;font-family:"Quicksand",serif !important;font-weight:700 !important;font-size:16px !important;padding:14px 24px !important;color:#ffffff !important;cursor:pointer}
.an-card #can_embed_form input[type=submit]:hover{background:linear-gradient(135deg,#17488a 0%,#2f7fd0 100%) !important}
.an-card #action_info,.an-card #logo_wrap{display:none !important}

/* Resources */
.res-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:26px}
.res-card{background:#ffffff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(22,32,44,.07);display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.res-card:first-child{grid-row:span 2}
.res-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(30,90,168,.14)}
.res-img{height:300px;overflow:hidden;background:#c9dbeb}
.res-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.res-card:hover .res-img img{transform:scale(1.05)}
.res-body{padding:30px;display:flex;flex-direction:column;flex:1}
.res-type{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:30px;background:#e3f0ff;color:#1e5aa8;margin-bottom:14px}
.res-body h3{font-size:24px;margin-bottom:10px}
.res-body p{font-size:15.5px;flex:1;margin-bottom:20px}
.res-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e9ee;padding-top:16px;gap:12px}
.res-by{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#16202c}
.res-by img{width:30px;height:30px;border-radius:50%}
.res-alt{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.res-alt h3,.res-alt p,.res-alt .res-by,.res-alt .cu-more{color:#ffffff}
.res-alt .res-type{background:rgba(255,255,255,.2);color:#ffffff}
.res-alt .res-foot{border-color:rgba(255,255,255,.25)}
.res-alt2{background:linear-gradient(135deg,#ffd84d 0%,#f5c518 50%,#ff9f1c 100%)}
.res-alt2 .res-type{background:rgba(22,32,44,.1);color:#16202c}
.res-alt2 p,.res-alt2 .res-by{color:#2b2b2b}
.res-alt2 .res-foot{border-color:rgba(22,32,44,.15)}

/* News */
.nw-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:34px;background:#ffffff;border-radius:16px;padding:14px 20px 14px 14px;box-shadow:0 14px 36px rgba(22,32,44,.07)}
.nw-count{font-size:14px;font-weight:600;color:#8a94a4;white-space:nowrap}
.nw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.nw-card{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(22,32,44,.06);display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1)}
.nw-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(30,90,168,.14)}
.nw-card:first-child{grid-column:span 2;flex-direction:row}
.nw-card:first-child .nw-img{flex:0 0 55%;height:auto;min-height:320px}
.nw-card:first-child h3{font-size:28px}
.nw-img{height:220px;overflow:hidden;background:#eef3f8}
.nw-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.nw-card:hover .nw-img img{transform:scale(1.05)}
.nw-body{padding:26px;display:flex;flex-direction:column;flex:1}
.nw-body time{font-size:13px;font-weight:700;letter-spacing:.04em;background:linear-gradient(90deg,#e14b52 0%,#ff7a59 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;display:inline-block}
.nw-body h3{font-size:20px;line-height:1.3;margin-bottom:10px;transition:color .3s}
.nw-card:hover h3{color:#1e5aa8}
.nw-body p{font-size:15px;flex:1;margin-bottom:16px}
.nw-card.hide{display:none}

@media (max-width:1100px){.role-grid{grid-template-columns:repeat(2,1fr)}.nw-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.vol-page,.form-wrap,.res-grid{grid-template-columns:1fr}.res-card:first-child{grid-row:auto}}
@media (max-width:640px){
  .role-grid,.nw-grid{grid-template-columns:1fr}
  .nw-card:first-child{grid-column:auto;flex-direction:column}
  .nw-card:first-child .nw-img{min-height:220px}
  .nw-card:first-child h3{font-size:21px}
  .an-card{padding:22px}
  .res-img{height:220px}
  .nw-toolbar{flex-direction:column;align-items:stretch}
}

/* ---------- Action Network form: single-column layout ---------- */
.an-card{padding:36px 36px 30px}
.an-card #can_embed_form_inner > h2,.an-card #can_embed_form_inner > h4{display:none !important}
.an-card #can_embed_form #form_col1,.an-card #can_embed_form #form_col2{width:100% !important;float:none !important;padding:0 !important;margin:0 !important}
.an-card #can_embed_form #form_col1{display:grid !important;grid-template-columns:1fr 1fr;gap:14px 14px}
.an-card #can_embed_form #form_col1 > *{grid-column:1 / -1;list-style:none;margin:0 !important;padding:0 !important}
.an-card #can_embed_form #form_col1 > li.core_field:nth-child(2),.an-card #can_embed_form #form_col1 > li.core_field:nth-child(3){grid-column:auto}
.an-card #can_embed_form #form_col1 > li.form_builder_output:empty{display:none}
.an-card #can_embed_form label.control-label{display:none !important}
.an-card #can_embed_form .floatlabel-wrapper{position:relative}
.an-card #can_embed_form .floatlabel-label{font-size:11px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.06em;color:#1e5aa8 !important;left:16px !important}
.an-card #can_embed_form input[type=text],.an-card #can_embed_form input[type=email],.an-card #can_embed_form input[type=tel],.an-card #can_embed_form select{width:100% !important;height:54px !important;margin:0 !important;background:#f7f9fb !important;box-shadow:none !important}
.an-card #can_embed_form input:focus{background:#ffffff !important;box-shadow:0 0 0 4px rgba(59,143,217,.14) !important}
.an-card #can_embed_form .international_link-wrap{font-size:12.5px !important;margin-top:-6px !important}
.an-card #can_embed_form .international_link-wrap a{color:#1e5aa8 !important}
.an-card #can_embed_form .checkbox_group_wrap,.an-card #can_embed_form #d_sharing{font-size:13.5px !important;line-height:1.5 !important;color:#4a5563 !important}
.an-card #can_embed_form input[type=checkbox]{accent-color:#1e5aa8;width:18px;height:18px;margin-right:8px !important;vertical-align:-3px}
.an-card #can_embed_form .js-fb-customhtml{background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%);border-radius:12px;padding:16px 18px !important;margin-top:6px !important;font-family:"Quicksand",serif;font-weight:600;font-size:15.5px !important;line-height:1.5;color:#16202c !important}
.an-card #can_embed_form .js-fb-multiplecheckboxes{background:#ffffff;border:1.5px dashed #b9d3ee;border-radius:12px;padding:12px 16px !important;font-weight:600;color:#16202c !important}
.an-card #can_embed_form #form_col2{display:flex !important;flex-direction:column;gap:12px;margin-top:20px !important;padding-top:20px !important;border-top:1px solid #e5e9ee !important}
.an-card #can_embed_form #form_col2 input[type=submit]{width:100% !important;height:56px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px rgba(30,90,168,.25) !important;order:2}
.an-card #can_embed_form #d_sharing{order:1;border:0 !important;padding:0 !important;margin:0 !important}
.an-card #can_embed_form .ajax-loading{order:3;align-self:center}
@media (max-width:640px){.an-card #can_embed_form #form_col1{grid-template-columns:1fr}.an-card #can_embed_form #form_col1 > li.core_field:nth-child(2),.an-card #can_embed_form #form_col1 > li.core_field:nth-child(3){grid-column:1 / -1}}

/* ---------- FAQ page (built to scale to 25+ questions) ---------- */
.fq-layout{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.fq-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.fq-search{min-width:0}
.fq-nav{display:flex;flex-direction:column;background:#ffffff;border-radius:16px;padding:10px;box-shadow:0 12px 34px rgba(22,32,44,.07)}
.fq-link{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;font-family:"Quicksand",serif;font-weight:700;font-size:15.5px;color:#16202c;transition:background .3s,color .3s}
.fq-link:hover{background:#f4f7fa}
.fq-link.on{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%);color:#ffffff}
.fq-n{font-size:12px;min-width:26px;height:22px;border-radius:20px;background:#eef3f8;color:#1e5aa8;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}
.fq-link.on .fq-n{background:rgba(255,255,255,.22);color:#ffffff}
.fq-link.empty{opacity:.4;pointer-events:none}
.fq-help{border-radius:16px;padding:24px;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%);color:#e8f1fb}
.fq-help h4{color:#ffffff;font-size:18px;margin-bottom:8px}
.fq-help p{font-size:14px;line-height:1.55;margin-bottom:16px}
.fq-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fq-count{font-size:14px;font-weight:600;color:#8a94a4}
.fq-toggle{background:none;border:0;font-family:"Quicksand",serif;font-weight:700;font-size:15px;color:#1e5aa8;padding:6px 0}
.fq-toggle:hover{text-decoration:underline}
.fq-group{padding-top:28px;scroll-margin-top:110px}
.fq-group.hide{display:none}
.fq-gtitle{font-size:24px;margin-bottom:16px;display:flex;align-items:center;gap:12px}
.fq-gtitle:before{content:"";width:28px;height:4px;border-radius:4px;background:linear-gradient(90deg,#e14b52 0%,#ff9f1c 100%)}
.fq-item{background:#ffffff;border:1px solid #e5e9ee;border-radius:12px;margin-bottom:10px;transition:border-color .3s,box-shadow .3s}
.fq-item:hover{border-color:#b9d3ee}
.fq-item[open]{border-color:#3b8fd9;box-shadow:0 12px 30px rgba(30,90,168,.1)}
.fq-item summary{padding:18px 22px;font-size:16.5px}
.fq-item summary:focus-visible{outline:2px solid #3b8fd9;outline-offset:2px;border-radius:12px}
.fq-item summary:focus{outline:none}
.fq-a{overflow:hidden;transition:height .4s cubic-bezier(.22,.61,.36,1)}
.fq-a p{padding:0 22px 20px}
.fq-item.hide{display:none}
@media (max-width:980px){
  .fq-layout{grid-template-columns:1fr;gap:24px}
  .fq-side{position:static}
  .fq-nav{flex-direction:row;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:none}
  .fq-nav::-webkit-scrollbar{display:none}
  .fq-link{white-space:nowrap;gap:8px}
  .fq-help{display:none}
}
.fq-search{flex:none;height:50px;background:#ffffff;box-shadow:0 10px 26px rgba(22,32,44,.06)}

/* ---------- Action Network form: spacing + alignment fixes ---------- */
.an-card #can_embed_form #form_col1{row-gap:12px !important}
.an-card #can_embed_form #form_col1 > .international_link-wrap{display:block;justify-self:end;margin:-6px 2px 0 0 !important;font-size:12.5px !important;line-height:1.2;color:#8a94a4 !important}
.an-card #can_embed_form #form_col1 > .international_link-wrap a{color:#1e5aa8 !important;font-weight:600;text-decoration:underline}
.an-card #can_embed_form #form_col1 > .country_drop_wrap.hide{display:none !important}
.an-card #can_embed_form #form_col1 > #mobile_opt_in,
.an-card #can_embed_form #form_col1 > .js-fb-multiplecheckboxes{display:flex !important;align-items:flex-start;gap:10px}
.an-card #can_embed_form #form_col1 > #mobile_opt_in{padding:2px 2px 0 !important;font-size:13.5px !important;line-height:1.5 !important;color:#4a5563 !important}
.an-card #can_embed_form #form_col1 > #mobile_opt_in label,
.an-card #can_embed_form #form_col1 > .js-fb-multiplecheckboxes label{display:flex !important;align-items:flex-start;gap:10px;margin:0 !important;padding:0 !important;font-size:inherit !important;line-height:1.5 !important}
.an-card #can_embed_form #form_col1 input[type=checkbox]{flex:0 0 18px;margin:2px 0 0 !important}
.an-card #can_embed_form #form_col1 > .js-fb-customhtml{margin-top:10px !important;padding:18px 20px 12px !important;border-radius:14px 14px 0 0 !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-size:15.5px !important;line-height:1.5 !important}
.an-card #can_embed_form #form_col1 > .js-fb-customhtml *{margin:0 !important;padding:0 !important;font:inherit !important;color:#16202c !important}
.an-card #can_embed_form #form_col1 > .js-fb-multiplecheckboxes{margin-top:-12px !important;padding:12px 20px 18px !important;border:0 !important;border-radius:0 0 14px 14px !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-size:15px !important;font-weight:700 !important;color:#16202c !important}
.an-card #can_embed_form #form_col1 > .js-fb-multiplecheckboxes ul,.an-card #can_embed_form #form_col1 > .js-fb-multiplecheckboxes li{list-style:none;margin:0 !important;padding:0 !important}
.an-card #can_embed_form #form_col2{margin-top:22px !important;padding-top:22px !important;gap:14px !important}
.an-card #can_embed_form #form_col2 #d_sharing{display:flex;align-items:flex-start;gap:10px;font-size:13.5px !important}
.an-card #can_embed_form #form_col2 #d_sharing label{display:flex !important;align-items:flex-start;gap:10px;margin:0 !important;font-size:inherit !important}
.an-card #can_embed_form #form_col2 #d_sharing input[type=checkbox]{flex:0 0 18px;margin:2px 0 0 !important}
.an-card #can_embed_form #action_info,.an-card #can_embed_form .can_select,.an-card #can_embed_form #can_embed_form_inner > p{font-size:12.5px !important;line-height:1.55 !important;color:#8a94a4 !important}
.an-card #can_embed_form #can_embed_form_inner > p,.an-card #can_embed_form #action_info{margin-top:16px !important;padding-top:14px !important;border-top:1px solid #e5e9ee !important}
.an-card #can_embed_form a{color:#1e5aa8 !important}

/* ---------- Action Network form: final layout (classes added by main.js) ---------- */
html body .an-card.an-ready #can_embed_form #form_col1{row-gap:14px !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-intl{display:block !important;grid-column:1 / -1 !important;justify-self:end !important;text-align:right !important;margin:-8px 4px 0 0 !important;padding:0 !important;font-size:12.5px !important;line-height:1.2 !important;color:#8a94a4 !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-intl a{color:#1e5aa8 !important;font-weight:600 !important;text-decoration:underline !important}
html body .an-card.an-ready #can_embed_form .kci-check{display:flex !important;align-items:flex-start !important;gap:10px !important;padding:0 2px !important;margin:0 !important;border:0 !important;background:none !important;font-size:13.5px !important;line-height:1.5 !important;color:#4a5563 !important}
html body .an-card.an-ready #can_embed_form .kci-check label{display:flex !important;align-items:flex-start !important;gap:10px !important;margin:0 !important;padding:0 !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important;font-weight:400 !important}
html body .an-card.an-ready #can_embed_form input[type=checkbox]{flex:0 0 18px !important;width:18px !important;height:18px !important;margin:2px 0 0 !important;accent-color:#1e5aa8}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-q{display:block !important;margin:10px 0 0 !important;padding:20px 22px 6px !important;border:0 !important;border-radius:14px 14px 0 0 !important;background:#eaf4ff !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-family:"Quicksand",serif !important;font-weight:700 !important;font-size:15.5px !important;line-height:1.5 !important;color:#16202c !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-q *{margin:0 !important;padding:0 !important;font:inherit !important;color:inherit !important;background:none !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-a{display:block !important;margin:-14px 0 0 !important;padding:12px 22px 20px !important;border:0 !important;border-radius:0 0 14px 14px !important;background:#eaf4ff !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-size:15px !important;font-weight:600 !important;color:#16202c !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-a ul,html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-a li{list-style:none !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-a label{display:flex !important;align-items:center !important;gap:10px !important;margin:0 !important;padding:0 !important;font-weight:700 !important;color:#16202c !important}
html body .an-card.an-ready #can_embed_form #form_col1 > .kci-vol-a input[type=checkbox]{margin:0 !important}
html body .an-card.an-ready #can_embed_form #form_col2{margin-top:22px !important;padding-top:22px !important;border-top:1px solid #e5e9ee !important;gap:16px !important}

/* ---------- Action Network form: checkbox rows (matches AN's real markup) ---------- */
html body .an-card.an-ready #can_embed_form li.kci-check,
html body .an-card.an-ready #can_embed_form #form_col1 > li.kci-vol-a,
html body .an-card.an-ready #can_embed_form #d_sharing.kci-check{display:block !important}
html body .an-card.an-ready #can_embed_form .check_radio_label{display:none !important}
html body .an-card.an-ready #can_embed_form .check_radio_field{display:block !important;margin:0 !important;padding:0 !important}
html body .an-card.an-ready #can_embed_form label.checkbox,
html body .an-card.an-ready #can_embed_form #d_sharing label{position:relative !important;display:block !important;margin:0 !important;padding:0 0 0 30px !important;min-height:20px;font-size:inherit !important;line-height:1.5 !important;color:inherit !important;cursor:pointer;text-align:left !important}
html body .an-card.an-ready #can_embed_form label.checkbox input[type=checkbox],
html body .an-card.an-ready #can_embed_form #d_sharing label input[type=checkbox]{position:absolute !important;left:0 !important;top:1px !important;margin:0 !important;float:none !important;width:18px !important;height:18px !important}
html body .an-card.an-ready #can_embed_form #d_sharing ul,html body .an-card.an-ready #can_embed_form #d_sharing li{list-style:none !important;margin:0 !important;padding:0 !important}
html body .an-card.an-ready #can_embed_form #form_col1 > li.kci-check{padding:0 2px !important;font-size:13.5px !important;color:#4a5563 !important}
html body .an-card.an-ready #can_embed_form #form_col1 > li.kci-vol-a label.checkbox{font-weight:700 !important;color:#16202c !important;font-size:15px !important}
html body .an-card.an-ready #can_embed_form #d_sharing{font-size:13.5px !important;color:#4a5563 !important}
/* higher-specificity overrides so earlier rules can't win */
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #form_col1 label.checkbox,
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #d_sharing label{position:relative !important;display:block !important;margin:0 !important;padding:0 0 0 30px !important;line-height:1.5 !important;text-align:left !important}
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #form_col1 label.checkbox input[type=checkbox],
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #d_sharing label input[type=checkbox]{position:absolute !important;left:0 !important;top:1px !important;margin:0 !important}
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #form_col1 > li#mobile_opt_in,
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #form_col1 > li.kci-vol-a,
html body .an-card.an-ready #can_embed_form #can_embed_form_inner #d_sharing{display:block !important}

/* ---------- Action Network form: FINAL rules (no JS classes, no child selectors, highest specificity) ---------- */
html body .an-card #can_embed_form #can_embed_form_inner li.js-fb-customhtml{display:block !important;grid-column:1 / -1 !important;margin:10px 0 0 !important;padding:20px 22px 8px !important;border:0 !important;border-radius:14px 14px 0 0 !important;background:#eaf4ff !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-family:"Quicksand",serif !important;font-weight:700 !important;font-size:15.5px !important;line-height:1.5 !important;color:#16202c !important}
html body .an-card #can_embed_form #can_embed_form_inner li.js-fb-customhtml *{margin:0 !important;padding:0 !important;font:inherit !important;color:inherit !important;background:none !important;border:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner li.js-fb-multiplecheckboxes{display:block !important;grid-column:1 / -1 !important;margin:-14px 0 0 !important;padding:12px 22px 20px !important;border:0 !important;border-radius:0 0 14px 14px !important;background:#eaf4ff !important;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%) !important;font-size:15px !important;color:#16202c !important}
html body .an-card #can_embed_form #can_embed_form_inner li.js-fb-multiplecheckboxes label.checkbox{font-weight:700 !important;color:#16202c !important;font-size:15px !important}
html body .an-card #can_embed_form #can_embed_form_inner li#mobile_opt_in{display:block !important;padding:0 2px !important;margin:0 !important;border:0 !important;background:none !important;font-size:13.5px !important;color:#4a5563 !important}
html body .an-card #can_embed_form #can_embed_form_inner .check_radio_label{display:none !important}
html body .an-card #can_embed_form #can_embed_form_inner .check_radio_field{display:block !important;margin:0 !important;padding:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner label.checkbox,
html body .an-card #can_embed_form #can_embed_form_inner #d_sharing label{position:relative !important;display:block !important;margin:0 !important;padding:0 0 0 30px !important;line-height:1.5 !important;text-align:left !important;cursor:pointer}
html body .an-card #can_embed_form #can_embed_form_inner label.checkbox input[type=checkbox],
html body .an-card #can_embed_form #can_embed_form_inner #d_sharing label input[type=checkbox]{position:absolute !important;left:0 !important;top:1px !important;margin:0 !important;width:18px !important;height:18px !important;accent-color:#1e5aa8}
html body .an-card #can_embed_form #can_embed_form_inner span.international_link-wrap{display:block !important;grid-column:1 / -1 !important;justify-self:end !important;text-align:right !important;margin:-8px 4px 0 0 !important;padding:0 !important;font-size:12.5px !important;line-height:1.2 !important;color:#8a94a4 !important}
html body .an-card #can_embed_form #can_embed_form_inner span.international_link-wrap a{color:#1e5aa8 !important;font-weight:600 !important;text-decoration:underline !important}
html body .an-card #can_embed_form #can_embed_form_inner #d_sharing{display:block !important;border:0 !important;padding:0 !important;margin:0 !important;font-size:13.5px !important;color:#4a5563 !important}
html body .an-card #can_embed_form #can_embed_form_inner #d_sharing ul,html body .an-card #can_embed_form #can_embed_form_inner #d_sharing li{list-style:none !important;margin:0 !important;padding:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner #form_col1{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;width:100% !important;float:none !important;padding:0 !important;margin:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner #form_col1 > *{grid-column:1 / -1;list-style:none}
html body .an-card #can_embed_form #can_embed_form_inner #form_col1 li.core_field:nth-child(2),html body .an-card #can_embed_form #can_embed_form_inner #form_col1 li.core_field:nth-child(3){grid-column:auto}
@media (max-width:640px){html body .an-card #can_embed_form #can_embed_form_inner #form_col1{grid-template-columns:1fr !important}html body .an-card #can_embed_form #can_embed_form_inner #form_col1 li.core_field:nth-child(2),html body .an-card #can_embed_form #can_embed_form_inner #form_col1 li.core_field:nth-child(3){grid-column:1 / -1}}
html body .an-card #can_embed_form #can_embed_form_inner #form_col1 #mobile_opt_in label.checkbox{position:relative !important;display:block !important;margin:0 !important;padding:0 0 0 30px !important;line-height:1.5 !important;font-size:13.5px !important;color:#4a5563 !important}
html body .an-card #can_embed_form #can_embed_form_inner #form_col1 #mobile_opt_in label.checkbox input[type=checkbox]{position:absolute !important;left:0 !important;top:1px !important;margin:0 !important}

/* ---------- Action Network form: remove location-based country flag and switch link ---------- */
html body .an-card #can_embed_form #can_embed_form_inner .iti__flag-container,
html body .an-card #can_embed_form #can_embed_form_inner span.international_link-wrap,
html body .an-card #can_embed_form #can_embed_form_inner .country_drop_wrap{display:none !important}
html body .an-card #can_embed_form #can_embed_form_inner .iti{display:block !important;width:100% !important}
html body .an-card #can_embed_form #can_embed_form_inner .iti input#form-phone{padding-left:14px !important}
/* "Sponsored by: Kent County Indivisible" (shown on the live form) */
html body .an-card #can_embed_form #can_embed_form_inner #action_info{display:block !important;margin-top:18px !important;padding-top:14px !important;border-top:1px solid #e5e9ee !important;font-size:13px !important;color:#4a5563 !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info strong{color:#16202c !important;font-weight:700 !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info a{color:#1e5aa8 !important;font-weight:600 !important;text-decoration:none !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info .clear{display:none !important}

/* ---------- Action Network form: footer (sponsor + privacy) spacing ---------- */
html body .an-card #can_embed_form #can_embed_form_inner #action_info{margin:24px 0 0 !important;padding:18px 0 0 !important;border:0 !important;border-top:1px solid #e5e9ee !important;background:none !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info *{border:0 !important;margin:0 !important;padding:0 !important;background:none !important;float:none !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info .action_info_user{font-size:13.5px !important;line-height:1.5 !important;color:#4a5563 !important}
html body .an-card #can_embed_form #can_embed_form_inner > p,
html body .an-card #can_embed_form #can_embed_form_inner > div:not(#action_info):not([id^=donate]),
html body .an-card #can_embed_form #can_embed_form_inner .privacy,
html body .an-card #can_embed_form #can_embed_form_inner [class*=privacy]{margin:10px 0 0 !important;padding:0 !important;border:0 !important;font-size:12.5px !important;line-height:1.6 !important;color:#8a94a4 !important}
html body .an-card #can_embed_form #can_embed_form_inner #form_col2{border-bottom:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner form{border:0 !important}
html body .an-card #can_embed_form #can_embed_form_inner #action_info p,html body .an-card #can_embed_form #can_embed_form_inner #action_info .action_owner + *{margin-top:10px !important;font-size:12.5px !important;line-height:1.6 !important;color:#8a94a4 !important}
html body .an-card #can_embed_form #can_embed_form_inner #donate_disclaimer{display:block !important;margin:10px 0 0 !important;padding:0 !important;border:0 !important;background:none !important}
html body .an-card #can_embed_form #can_embed_form_inner #donate_disclaimer p{margin:0 !important;padding:0 !important;border:0 !important;font-size:12.5px !important;line-height:1.6 !important;color:#8a94a4 !important}
html body .an-card #can_embed_form #can_embed_form_inner #donate_disclaimer a{color:#1e5aa8 !important;font-weight:600 !important;text-decoration:none !important}

/* ===================== POST / RESOURCE DETAIL PAGES ===================== */
.page-hero.ph-post{padding:110px 0 90px}
.page-hero.ph-post.ph-noimg{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.page-hero.ph-post.ph-noimg:after{background:linear-gradient(110deg,rgba(22,32,44,.55) 0%,rgba(30,90,168,.2) 100%)}
.page-hero.ph-post h1{font-size:50px;line-height:1.12;max-width:900px}
.ph-post .crumbs{flex-wrap:wrap}
.ph-post .crumbs b{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-tag{display:inline-block;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c;font-family:"Quicksand",serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:30px;margin-bottom:18px}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;color:#e3eaf1;font-size:15px}
.pd-meta>span{display:inline-flex;align-items:center;gap:10px}
.pd-meta>span+span:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffd84d;margin-right:12px}
.pm-author i,.pf-author i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e14b52 0%,#ff7a59 100%);color:#ffffff;font-style:normal;font-family:"Quicksand",serif;font-weight:700;font-size:15px}
.post-sec{padding:80px 0 100px}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
.pd-article{min-width:0}
.pb-feature{margin:0 0 40px}
.pb-feature img{width:100%;border-radius:18px;box-shadow:0 20px 50px rgba(22,32,44,.12)}
.pb-feature figcaption,.pd-body figcaption{font-size:13.5px;color:#6b7a8c;text-align:center;margin-top:12px}

/* article typography */
.pd-body{font-size:17.5px;line-height:1.8;color:#2b3a4b}
.pd-body>*+*{margin-top:22px}
.pd-body h2{font-size:32px;line-height:1.25;color:#16202c;margin-top:48px;letter-spacing:-.01em}
.pd-body h3{font-size:24px;line-height:1.3;color:#16202c;margin-top:36px}
.pd-body h4{font-size:20px;color:#16202c;margin-top:30px}
.pd-body h2+*,.pd-body h3+*,.pd-body h4+*{margin-top:14px}
.pd-body a{color:#1e5aa8;text-decoration:underline;text-decoration-color:#9cc3ec;text-underline-offset:3px;word-break:break-word}
.pd-body a:hover{color:#cb484e;text-decoration-color:#cb484e}
.pd-body u{text-decoration:none}
.pd-body strong{color:#16202c}
.pd-body ul,.pd-body ol{padding-left:26px}
.pd-body ul{list-style:disc}
.pd-body ol{list-style:decimal}
.pd-body li{margin-top:8px}
.pd-body li::marker{color:#e14b52}
.pd-body blockquote{margin-left:0;padding:22px 28px;border-left:5px solid #3b8fd9;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%);border-radius:0 14px 14px 0;font-size:18px;color:#16202c}
.pd-body hr{border:0;height:3px;width:120px;margin:48px auto;background:linear-gradient(90deg,#e14b52 0%,#ff9f1c 100%);border-radius:3px}
.pd-body img{max-width:100%;height:auto;border-radius:14px}
.pd-body .kg-card{margin-top:34px;margin-bottom:10px}
.pd-body .kg-image-card img{display:block;margin:0 auto}
.pd-body .kg-gallery-container{display:flex;flex-direction:column;gap:12px}
.pd-body .kg-gallery-row{display:flex;gap:12px}
.pd-body .kg-gallery-image{flex:1}
.pd-body .kg-gallery-image img{width:100%;height:100%;object-fit:cover}
.pb-video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#16202c}
.pb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* callout */
.pd-body .kg-callout-card{display:flex;gap:16px;padding:22px 26px;border-radius:14px;background:#e3f0ff;border:1px solid #c7def7}
.pd-body .kg-callout-emoji{font-size:24px;line-height:1.4}
.pd-body .kg-callout-text{font-size:16.5px;color:#16202c}

/* header card */
.pd-body .kg-header-card{position:relative;overflow:hidden;border-radius:18px;padding:44px 36px;text-align:center;background:linear-gradient(135deg,#e3f0ff 0%,#fff3d1 100%)}
.pd-body .kg-header-card.kg-style-accent{background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%)}
.pd-body .kg-header-card picture{position:absolute;inset:0}
.pd-body .kg-header-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.pd-body .kg-header-card picture+.kg-header-card-content:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(22,32,44,.88) 0%,rgba(30,90,168,.7) 100%)}
.pd-body .kg-header-card-content{position:relative}
.pd-body .kg-header-card-text{position:relative;z-index:1}
.pd-body .kg-header-card-heading{font-size:28px;line-height:1.25;margin:0;color:#16202c}
.pd-body .kg-header-card-subheading{margin-top:12px;font-size:16.5px;color:#2b3a4b}
.pd-body .kg-style-accent .kg-header-card-heading,.pd-body .kg-header-card picture~.kg-header-card-content .kg-header-card-heading{color:#ffffff}
.pd-body .kg-style-accent .kg-header-card-subheading,.pd-body .kg-header-card picture~.kg-header-card-content .kg-header-card-subheading{color:#e3eaf1}
.pd-body .kg-header-card-button{display:inline-flex;margin-top:20px;padding:13px 26px;border-radius:6px;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c;font-family:"Quicksand",serif;font-weight:700;font-size:15px;text-decoration:none}
.pd-body .kg-header-card-button:hover{color:#16202c;box-shadow:0 10px 24px rgba(255,159,28,.35)}

/* call-to-action card */
.pd-body .kg-cta-card{border-radius:16px;padding:24px 28px;background:#f4f7fa;border:1px solid #e3e9f0}
.pd-body .kg-cta-bg-blue{background:#e3f0ff;border-color:#c7def7}
.pd-body .kg-cta-bg-purple{background:#eef0ff;border-color:#d6dbff}
.pd-body .kg-cta-content{display:flex;align-items:center;gap:24px}
.pd-body .kg-cta-image-container{flex:none;width:96px}
.pd-body .kg-cta-image-container img{width:96px;height:96px;object-fit:contain;border-radius:12px;background:#ffffff}
.pd-body .kg-cta-content-inner{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pd-body .kg-cta-text{font-size:16.5px;color:#16202c}
.pd-body .kg-cta-text p{margin:0}
.pd-body .kg-cta-button{display:inline-flex;padding:11px 22px;border-radius:6px;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 100%);color:#ffffff;font-family:"Quicksand",serif;font-weight:700;font-size:14.5px;text-decoration:none}
.pd-body .kg-cta-button:hover{color:#ffffff;box-shadow:0 10px 22px rgba(30,90,168,.3)}

/* bookmark card */
.pd-body .kg-bookmark-container{display:flex;border:1px solid #e3e9f0;border-radius:16px;overflow:hidden;background:#ffffff;text-decoration:none;color:#16202c;box-shadow:0 12px 30px rgba(22,32,44,.06);transition:box-shadow .2s ease,transform .2s ease}
.pd-body .kg-bookmark-container:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(22,32,44,.12);color:#16202c}
.pd-body .kg-bookmark-content{flex:1;padding:20px 24px;min-width:0}
.pd-body .kg-bookmark-title{font-family:"Quicksand",serif;font-weight:700;font-size:18px}
.pd-body .kg-bookmark-description{font-size:14.5px;line-height:1.6;color:#55657a;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-body .kg-bookmark-metadata{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;color:#6b7a8c}
.pd-body .kg-bookmark-icon{width:20px;height:20px;border-radius:4px}
.pd-body .kg-bookmark-publisher:before{content:"•";margin-right:8px}
.pd-body .kg-bookmark-thumbnail{flex:none;width:200px}
.pd-body .kg-bookmark-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:0}

/* action network letter widget inside posts */
.pd-body .an-letter{min-height:0;margin-top:26px}

/* post footer + prev/next */
.post-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:30px;border-top:1px solid #e3e9f0}
.pf-author{display:flex;align-items:center;gap:14px}
.pf-author i{width:52px;height:52px;font-size:21px}
.pf-author small{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:#6b7a8c}
.pf-author b{display:block;font-family:"Quicksand",serif;font-size:18px;color:#16202c}
.pf-author span{font-size:14px;color:#55657a}
.post-pn{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.post-pn a{display:block;padding:20px 22px;border-radius:14px;background:#ffffff;border:1px solid #e3e9f0;transition:all .2s ease}
.post-pn a:hover{border-color:#3b8fd9;box-shadow:0 14px 30px rgba(30,90,168,.12)}
.post-pn small{display:block;font-size:13px;font-weight:700;color:#cb484e;text-transform:uppercase;letter-spacing:.08em}
.post-pn b{display:block;margin-top:6px;font-family:"Quicksand",serif;font-size:16.5px;line-height:1.35;color:#16202c}
.post-pn .pn-next{text-align:right}

/* sidebar */
.post-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:24px}
.ps-cta{border-radius:18px;padding:30px 28px;background:linear-gradient(135deg,#1e5aa8 0%,#3b8fd9 60%,#6ec3f0 100%);color:#ffffff;display:flex;flex-direction:column;gap:12px}
.ps-cta .eyebrow{color:#ffd84d;margin:0}
.ps-cta h3{color:#ffffff;font-size:24px;line-height:1.25}
.ps-cta p{font-size:15px;color:#e3eaf1;margin-bottom:6px}
.ps-cta .btn{width:100%}
.ps-cta .btn-navy{background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);color:#16202c;box-shadow:none}
.ps-box{border-radius:18px;padding:26px;background:#ffffff;border:1px solid #e3e9f0;box-shadow:0 12px 30px rgba(22,32,44,.05)}
.ps-box h4{font-size:19px;color:#16202c;margin-bottom:14px}
.ps-box p{font-size:15px;color:#55657a}
.ps-item{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #eef2f6}
.ps-item:first-of-type{border-top:0;padding-top:0}
.ps-thumb{flex:none;width:68px;height:56px;border-radius:10px;overflow:hidden;background:#f2f8ff}
.ps-thumb img{width:100%;height:100%;object-fit:cover}
.ps-thumb.is-logo img{object-fit:contain;padding:6px;background:#ffffff}
.ps-item time{display:block;font-size:12.5px;color:#6b7a8c}
.ps-item b{display:block;font-family:"Quicksand",serif;font-size:15px;line-height:1.35;color:#16202c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ps-item:hover b{color:#1e5aa8}
.ps-all{display:inline-flex;gap:6px;margin-top:14px;font-family:"Quicksand",serif;font-weight:700;font-size:15px;color:#1e5aa8}
.ps-all i{font-style:normal;transition:transform .2s ease}
.ps-all:hover i{transform:translateX(4px)}
.post-more .sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.post-more{padding:90px 0}

@media (max-width:1080px){
  .post-layout{grid-template-columns:1fr;gap:50px}
  .post-side{position:static;display:grid;grid-template-columns:repeat(2,1fr)}
  .post-side .ps-cta{grid-column:1/-1}
}
@media (max-width:760px){
  .page-hero.ph-post{padding:80px 0 60px}
  .page-hero.ph-post h1{font-size:32px}
  .ph-post .crumbs b{max-width:200px}
  .post-sec{padding:50px 0 70px}
  .pd-body{font-size:16.5px}
  .pd-body h2{font-size:26px;margin-top:38px}
  .pd-body h3{font-size:21px}
  .pd-body .kg-header-card{padding:32px 22px}
  .pd-body .kg-header-card-heading{font-size:23px}
  .pd-body .kg-cta-content{flex-direction:column;align-items:flex-start}
  .pd-body .kg-bookmark-container{flex-direction:column-reverse}
  .pd-body .kg-bookmark-thumbnail{width:100%;height:160px}
  .pd-body .kg-gallery-row{flex-direction:column}
  .post-side{grid-template-columns:1fr}
  .post-pn{grid-template-columns:1fr}
  .post-pn .pn-next{text-align:left}
  .post-more{padding:60px 0}
}
.post-more .nw-card:first-child{grid-column:auto;flex-direction:column}
.post-more .nw-card:first-child .nw-img{flex:none;height:220px;min-height:0}
.post-more .nw-card:first-child h3{font-size:21px}
@media (max-width:1080px){.post-more .nw-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.post-more .nw-grid{grid-template-columns:1fr}}

/* newsletter band removed from footer */
.footer .f-grid{padding-top:80px}
@media (max-width:760px){.footer .f-grid{padding-top:56px}}

/* hide Action Network country switch link */
html body .an-card #can_embed_form #can_embed_form_inner span.international_link-wrap,html body #can_embed_form .international_link-wrap,html body #can_embed_form .international_link,html body #can_embed_form a[class*="international"]{display:none !important}

/* footer social pill hover: keep text readable on yellow */
.footer .f-social a:hover,.footer .f-social a:focus-visible{color:#16202c !important;background:linear-gradient(135deg,#ffd84d 0%,#ff9f1c 100%);border-color:#ff9f1c}

/* ===================== HERO lite – approved minimal hero (index.html) ===================== */
.hero-lite{padding:70px 0 140px}
.hero-lite .hero-grid{gap:80px}
.hero-lite .hero-text{margin-bottom:36px}
.hero-lite .hero-img{height:480px}
@media (max-width:980px){.hero-lite .hero-img{height:400px}}
@media (max-width:760px){.hero-lite{padding:44px 0 120px}.hero-lite .hero-img{height:300px}}
/* hero lite: compact next-action card */
.hero-lite .fc-event{left:-36px;bottom:40px;gap:12px;padding:10px 18px 10px 10px;max-width:none;border-radius:10px;box-shadow:0 12px 30px rgba(22,32,44,.12)}
.hero-lite .fc-date{flex:0 0 44px;height:46px;border-radius:7px}
.hero-lite .fc-date b{font-size:19px}
.hero-lite .fc-date span{font-size:10px;margin-top:2px}
.hero-lite .fc-event small{font-size:10.5px}
.hero-lite .fc-event strong{font-size:14.5px;white-space:nowrap}
@media (max-width:980px){.hero-lite .fc-event{left:16px}}
@media (max-width:760px){.hero-lite .fc-event{left:12px;right:auto;bottom:12px}.hero-lite .fc-event strong{font-size:13.5px;white-space:normal}}