/* SpOki shared CALM below-grid guide/FAQ style. Scoped to .spoki-belowgrid ONLY.
   Does not affect hero H1, page titles, section titles or archive headings. Mobile-first. */
.spoki-belowgrid{max-width:760px;margin-left:auto;margin-right:auto}
.spoki-belowgrid > *{max-width:100%}
/* calm headings (smaller, navy, not the loud hero scale) */
.spoki-belowgrid h2,.spoki-belowgrid h3,.spoki-belowgrid .spoki-faq-title{
	font-family:var(--spoki-font-heading,"Comfortaa","Nunito",sans-serif);
	color:var(--spoki-color-heading,#2E3A67);font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none}
.spoki-belowgrid h2,.spoki-belowgrid .spoki-faq-title{font-size:clamp(1.18rem,2.4vw,1.45rem);margin:.2rem 0 .55rem}
.spoki-belowgrid h3{font-size:clamp(1.02rem,2vw,1.18rem);margin:1.1rem 0 .35rem}
.spoki-belowgrid p,.spoki-belowgrid li{color:var(--spoki-color-text,#54656B);font-size:1rem;line-height:1.65}
.spoki-belowgrid p{margin:0 0 .8rem}
.spoki-belowgrid .spoki-faq-eyebrow{color:var(--spoki-color-teal,#19B0B6);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .2rem}
/* card accordion: subtle divider, no cream boxes, calm */
.spoki-belowgrid .spoki-faq-list{display:grid;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none}
.spoki-belowgrid .spoki-faq-item,.spoki-belowgrid details{border:1px solid #E7DED3;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(46,58,103,.05);padding:0;margin:0}
.spoki-belowgrid .spoki-faq-question,.spoki-belowgrid summary{cursor:pointer;list-style:none;display:block;position:relative;padding:.95rem 2.4rem .95rem 1.1rem;margin:0;font-family:var(--spoki-font-heading,"Comfortaa","Nunito",sans-serif);font-weight:700;color:var(--spoki-color-heading,#2E3A67);font-size:1rem;line-height:1.35}
.spoki-belowgrid summary::-webkit-details-marker{display:none}
.spoki-belowgrid .spoki-faq-question::after,.spoki-belowgrid summary::after{content:"";position:absolute;right:1.1rem;top:50%;width:9px;height:9px;border-right:2px solid var(--spoki-color-teal,#19B0B6);border-bottom:2px solid var(--spoki-color-teal,#19B0B6);transform:translateY(-65%) rotate(45deg);transition:transform .2s ease}
.spoki-belowgrid details[open] summary::after,.spoki-belowgrid .spoki-faq-item.is-open .spoki-faq-question::after{transform:translateY(-35%) rotate(-135deg)}
.spoki-belowgrid .spoki-faq-answer,.spoki-belowgrid details > *:not(summary){color:var(--spoki-color-text,#54656B);font-size:.97rem;line-height:1.6;padding:0 1.1rem .95rem}
@media(max-width:600px){.spoki-belowgrid p,.spoki-belowgrid li{font-size:.97rem}.spoki-belowgrid .spoki-faq-question,.spoki-belowgrid summary{font-size:1rem;padding:.7rem 2.2rem .7rem .9rem}.spoki-belowgrid .spoki-faq-answer,.spoki-belowgrid details>*:not(summary){padding:0 .9rem .7rem}}
/* ===== SpOki FAQ grouped modifier (v1, 2026-07-15) — scoped to .spoki-faq-section--grouped; does NOT affect /za-spoki/ ===== */
.spoki-faq-section--grouped{max-width:880px;margin:0 auto;padding:8px 16px 40px}
.spoki-faq-section--grouped .spoki-faq-hero{text-align:center;margin:0 0 22px}
.spoki-faq-section--grouped .spoki-faq-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00838A}
.spoki-faq-section--grouped .spoki-faq-intro{margin:0 auto;max-width:620px;color:#54656B;font-size:16px;line-height:1.6}
.spoki-faq-section--grouped .spoki-faq-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}
.spoki-faq-section--grouped .spoki-faq-chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #E7DED3;color:#2E3A67;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.spoki-faq-section--grouped .spoki-faq-chip:hover{background:#EAF6F4;border-color:#19B0B6;color:#00838A}
.spoki-faq-section--grouped .spoki-faq-chip:focus-visible{outline:2px solid #007B82;outline-offset:2px}
.spoki-faq-section--grouped .spoki-faq-topics{display:none}
.spoki-faq-section--grouped .spoki-faq-group__head{scroll-margin-top:90px;margin:34px 0 2px;font-size:24px;color:#2E3A67;position:relative;padding-left:14px}
.spoki-faq-section--grouped .spoki-faq-group__head::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:#19B0B6}
.spoki-faq-section--grouped .spoki-faq-group__sub{margin:0 0 14px;color:#7A8790;font-size:14px}
.spoki-faq-section--grouped .spoki-faq-item{background:#fff;border:1px solid #E7DED3;border-radius:14px;margin:0 0 10px;overflow:hidden}
.spoki-faq-section--grouped .spoki-faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:16px 20px;font-weight:600;color:#2E3A67;transition:background .15s,color .15s}
.spoki-faq-section--grouped .spoki-faq-item>summary::-webkit-details-marker{display:none}
.spoki-faq-section--grouped .spoki-faq-item>summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-right:2px solid #19B0B6;border-bottom:2px solid #19B0B6;transform:rotate(45deg);transition:transform .15s}
.spoki-faq-section--grouped .spoki-faq-item:hover{border-color:#19B0B6}
.spoki-faq-section--grouped .spoki-faq-item:hover>summary{background:#EAF6F4}
.spoki-faq-section--grouped .spoki-faq-item[open]{border-color:#19B0B6}
.spoki-faq-section--grouped .spoki-faq-item[open]>summary{color:#00838A}
.spoki-faq-section--grouped .spoki-faq-item[open]>summary::after{transform:rotate(-135deg);border-color:#00838A}
.spoki-faq-section--grouped .spoki-faq-item>summary:focus-visible{outline:2px solid #007B82;outline-offset:-2px;border-radius:12px}
.spoki-faq-section--grouped .spoki-faq-answer{margin:0;padding:0 20px 18px;color:#54656B;font-size:15px;line-height:1.65;text-align:left}
.spoki-faq-section--grouped .spoki-faq-answer a{color:#00838A;text-decoration:underline}
@media(max-width:782px){
.spoki-faq-section--grouped .spoki-faq-nav{display:none}
.spoki-faq-section--grouped .spoki-faq-topics{display:block;margin:0 0 22px;border:1px solid #E7DED3;border-radius:14px;background:#fff;overflow:hidden}
.spoki-faq-section--grouped .spoki-faq-topics>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-weight:700;color:#2E3A67}
.spoki-faq-section--grouped .spoki-faq-topics>summary::-webkit-details-marker{display:none}
.spoki-faq-section--grouped .spoki-faq-topics>summary::after{content:"\25BE";color:#19B0B6}
.spoki-faq-section--grouped .spoki-faq-topics[open]>summary::after{content:"\25B4"}
.spoki-faq-section--grouped .spoki-faq-topics__list{display:flex;flex-direction:column}
.spoki-faq-section--grouped .spoki-faq-topics__list a{padding:12px 18px;min-height:44px;display:flex;align-items:center;color:#2E3A67;text-decoration:none;border-top:1px solid #F0EAE2}
.spoki-faq-section--grouped .spoki-faq-topics__list a:focus-visible{outline:2px solid #007B82;outline-offset:-2px}
.spoki-faq-section--grouped{padding-left:14px;padding-right:14px}
.spoki-faq-section--grouped .spoki-faq-group__head{font-size:21px}
@media(max-width:600px){.spoki-faq-section--grouped .spoki-faq-item>summary{padding:10px 14px;min-height:44px;gap:10px}.spoki-faq-section--grouped .spoki-faq-answer{padding:0 14px 14px}.spoki-faq-section--grouped .spoki-faq-item{margin:0 0 8px}.spoki-faq-section--grouped .spoki-faq-topics>summary,.spoki-faq-section--grouped .spoki-faq-topics__list a{padding:10px 14px}}
}
/* ===== end SpOki FAQ grouped modifier ===== */