/* Section rhythm for every public page and every layout: each band from top to bottom gets
   its own surface, so pages read as distinct sections instead of one long cream sheet.
   Bands alternate between a soft tint of the party colour and white, with a hairline between
   them, and white cards lift off the tinted bands with a soft shadow.
   Inner pages: the hero, then tint / white / tint ... (main > section by position).
   Home pages: People Connect is its own tinted band in all five layouts; Leader Profile,
   Public Office and JanSampark Bold get explicit bands; Civic Modern and Campaign Bold already
   alternate their own dark and tinted bands. */

body{
  --sr-tint:color-mix(in srgb,var(--orange,#f26a00) 6%,#f7f5f2);
  --sr-tint-strong:color-mix(in srgb,var(--orange,#f26a00) 10%,#fbf8f4);
  --sr-cool:color-mix(in srgb,var(--bjp-green,#138a43) 5%,#f5f7f8);
  --sr-line:color-mix(in srgb,var(--orange,#f26a00) 14%,#ece7e1);
  --sr-card-shadow:0 14px 34px rgba(30,20,10,.08);
  --sr-card-shadow-hover:0 20px 44px rgba(30,20,10,.12)
}

/* ---------- Inner pages: hero, then alternating tinted and white bands ---------- */
body:not(.page-home) main>section:not(:first-child){position:relative;background:#fff}
body:not(.page-home) main>section:nth-child(even){background:var(--sr-tint)}
body:not(.page-home) main>section:nth-child(n+3){border-top:1px solid var(--sr-line)}
/* White cards lift off the tinted bands. */
body:not(.page-home) main>section:nth-child(even) :is(.modern-card,.contact-form-card,.contact-write-card,.outreach-card,.genz-benefit,.modern-mini,.tracking-panel,.news-card-modern,.initiative-modern,.detail-article,.contact-panel){background:#fff;border-color:#fff;box-shadow:var(--sr-card-shadow)}
body:not(.page-home) main>section:nth-child(even) .prose{padding:32px;border-radius:20px;background:#fff;box-shadow:var(--sr-card-shadow)}
body:not(.page-home) main>section:nth-child(odd):not(:first-child) :is(.modern-card,.genz-benefit,.modern-mini,.outreach-card){border-color:#ece6df;box-shadow:0 10px 26px rgba(30,20,10,.06)}

/* ---------- Home: People Connect is its own tinted band in every layout ---------- */
body.page-home .people-connect{position:relative;padding:56px 0 60px;background:linear-gradient(180deg,var(--sr-tint-strong),var(--sr-tint));border-top:1px solid var(--sr-line);border-bottom:1px solid var(--sr-line)}
body.page-home .people-connect .pc-action:not(.is-genz):not(.is-primary){border-color:#fff;background:#fff;box-shadow:var(--sr-card-shadow)}
body.page-home .people-connect .pc-action:not(.is-genz):not(.is-primary):hover{box-shadow:var(--sr-card-shadow-hover);transform:translateY(-2px)}
body.page-home .people-connect .pc-follow{margin-top:22px;padding-top:18px;border-top:1px dashed var(--sr-line)}

/* ---------- Home, Leader Profile: hero, People Connect, then white / tint / white / dark ---------- */
body.tpl-leader-profile.page-home main>.section{padding:76px 0 82px}
body.tpl-leader-profile.page-home .about-section{background:#fff}
body.tpl-leader-profile.page-home .initiatives-section{background:var(--sr-cool);border-top:1px solid #e6ebee;border-bottom:1px solid #e6ebee}
body.tpl-leader-profile.page-home .news-section{background:#fff}
body.tpl-leader-profile.page-home .initiative-card{border:1px solid #fff;background:#fff;box-shadow:var(--sr-card-shadow)}
body.tpl-leader-profile.page-home .initiative-card:hover{box-shadow:var(--sr-card-shadow-hover)}
body.tpl-leader-profile.page-home .news-card{border-color:#efe9e2;box-shadow:var(--sr-card-shadow)}
body.tpl-leader-profile.page-home .center-head h2:after{content:"";display:block;width:56px;height:4px;margin:14px auto 0;border-radius:4px;background:var(--orange,#f26a00)}

/* ---------- Home, Public Office: proof strip, then white / tint / white / tint ---------- */
body.tpl-public-office.page-home .po-about{background:#fff}
body.tpl-public-office.page-home .po-work{background:var(--sr-cool);border-top:1px solid #e6ebee;border-bottom:1px solid #e6ebee}
body.tpl-public-office.page-home .po-news{background:#fff}
body.tpl-public-office.page-home .po-gallery{background:var(--sr-tint);border-top:1px solid var(--sr-line)}

/* ---------- Home, JanSampark Bold: People Connect, white work, dark about, tinted news ---------- */
body.tpl-jansampark-bold.page-home .jsb-work{background:#fff}
body.tpl-jansampark-bold.page-home .jsb-news{background:var(--sr-tint);border-top:1px solid var(--sr-line)}

/* ---------- Home, Campaign Bold and Civic Modern: keep their bands, add the white step ---------- */
body.tpl-campaign-bold.page-home .cb-impact{background:#fff}
body.tpl-civic-modern.page-home :is(.cm-about,.cm-news){background:#fff}

@media (max-width:767px){
  body.page-home .people-connect{padding:36px 0 40px}
  body.tpl-leader-profile.page-home main>.section{padding:48px 0 52px}
  body.tpl-public-office.page-home :is(.po-about,.po-work,.po-news,.po-gallery){padding:56px 0}
  body:not(.page-home) main>section:nth-child(even) .prose{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  body.page-home .people-connect .pc-action:hover{transform:none}
}