/* Statehood page sections (plugin v1.0.1): designed sections, scoped under .sh-sec. */
/* NOTE: page-id block (Kadence row padding zeroing + full-bleed tool) is added
   in v1.0.1 once the live page ID is known. Do not scope it generically. */
.sh-sec{padding:48px 16px;background:#fff;color:#17233B;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sh-sec#sh-howguess,.sh-sec#sh-whyhard,.sh-sec#sh-learnmode,.sh-sec#sh-faq{background:#FFF7F9}
.sh-sec h2{text-align:center;font-size:30px;line-height:1.2;margin:0 auto 8px;color:#17233B;max-width:820px}
.sh-sec h2::after{content:"";display:block;width:64px;height:4px;border-radius:99px;background:#c81e3a;margin:14px auto 0}
.sh-sec h2{margin-left:auto!important;margin-right:auto!important}
.sh-sec h3{max-width:820px;margin:24px auto 8px;font-size:18px;color:#17233B}
.sh-sec p{max-width:820px;margin:0 auto 16px;font-size:16px;line-height:1.7;color:#334155;text-align:left}
.sh-sec p a{color:#B31942}
/* FAQ cards: each h3 + following p reads as one white card */
.sh-sec#sh-faq h3{background:#fff;border:1px solid #e2e8f0;border-bottom:0;border-radius:12px 12px 0 0;padding:18px 20px 6px;margin:0 auto}
.sh-sec#sh-faq h3 + p{background:#fff;border:1px solid #e2e8f0;border-top:0;border-radius:0 0 12px 12px;padding:0 20px 18px;margin:0 auto 16px;text-align:left}
/* Final CTA link as a red pill button */
.sh-sec#sh-ready p:last-child{text-align:center}
.sh-sec#sh-ready p:last-child a{display:inline-block;padding:10px 22px;border-radius:99px;background:linear-gradient(135deg,#F43F5E,#B31942);color:#fff!important;font-weight:700;text-decoration:none;margin:4px;box-shadow:0 10px 24px rgba(225,29,72,.35)}
.sh-sec#sh-ready p:last-child a:hover,.sh-sec#sh-ready p:last-child a:focus,.sh-sec#sh-ready p:last-child a:active{background:linear-gradient(135deg,#F43F5E,#B31942);color:#fff!important}
@media(max-width:640px){.sh-sec{padding:32px 16px}.sh-sec h2{font-size:26px}}

/* FAQ accordion items (v1.0.1): question row + collapsible answer, one white card each */
.sh-sec#sh-faq .sh-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 auto 16px;max-width:820px;overflow:hidden}
.sh-sec#sh-faq .sh-faq-q{margin:0;padding:18px 20px;font-size:17px;cursor:pointer;list-style:none}
.sh-sec#sh-faq .sh-faq-q::after{content:"+";float:right;font-weight:900;color:#c81e3a}
.sh-sec#sh-faq .sh-faq-item.open .sh-faq-q::after{content:"−"}
.sh-sec#sh-faq .sh-faq-a{display:none;padding:0 20px 18px;margin:0;text-align:left}
.sh-sec#sh-faq .sh-faq-item.open .sh-faq-a{display:block}
/* Subtitle + card grids for How-to / Why sections */
.sh-sec .sh-sub{text-align:center;color:#475569;font-size:16px;margin:0 auto 24px;max-width:820px}
.sh-sec .sh-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:0 auto}
.sh-sec .sh-cards.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.sh-sec .sh-cards{grid-template-columns:repeat(2,1fr)}.sh-sec .sh-cards.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sh-sec .sh-cards,.sh-sec .sh-cards.three{grid-template-columns:1fr}}
.sh-sec .sh-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;text-align:center}
.sh-sec .sh-card h3{margin:0 0 8px;font-size:18px}
.sh-sec .sh-card p{margin:0;font-size:15px;text-align:center}

/* v1.0.1: page-id block for page 1106 — zero Kadence row padding, full-bleed tool. */
body.page-id-1106 .entry-content .wp-block-kadence-rowlayout{padding-top:0!important;padding-bottom:0!important}
body.page-id-1106 #primary,body.page-id-1106 .content-area,body.page-id-1106 .site-main,body.page-id-1106 .entry-content{padding-top:0!important;margin-top:0!important}
body.page-id-1106 #sh-wrap{width:auto!important;max-width:none!important}
