.ksf-section{position:relative;background:#fff;scroll-margin-top:24px}
.ksf-legacy-anchor{position:absolute;top:0;scroll-margin-top:24px}
.ksf-intro{text-align:center;max-width:980px;margin:0 auto 42px}
.ksf-intro h2{margin:0 auto 22px;color:var(--navy)}
.ksf-intro p.lead{max-width:820px;margin:0 auto}
.ksf-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;min-width:0;padding:0;border:0;margin:0 auto 42px}
.ksf-pill{position:relative;display:block;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ksf-pill input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.ksf-pill-face{--ksf-edge:#27745d;--ksf-fill:#fff;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:15px 46px;border:0;border-radius:0;color:#104c3c;background:transparent}
.ksf-pill-face::before,.ksf-pill-face::after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:background .16s;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%)}
.ksf-pill-face::before{inset:0;background:var(--ksf-edge)}
.ksf-pill-face::after{inset:1.5px;background:var(--ksf-fill);clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,19px 100%,0 50%)}
.ksf-icon{width:29px;height:29px;flex:0 0 29px;overflow:visible}
.ksf-pill-label{text-align:center;font-size:clamp(1rem,1.65vw,1.3rem);line-height:1.2;font-weight:500;letter-spacing:-.02em}
.ksf-tick{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;margin-left:0;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#a83250;color:#fff;visibility:hidden}
.ksf-tick svg{width:14px;height:14px}
.ksf-pill:hover .ksf-pill-face{--ksf-fill:#f0f8f3;--ksf-edge:#156342}
.ksf-pill input:checked+.ksf-pill-face{--ksf-fill:#f3dce3;--ksf-edge:#d38b9d;color:#a83250}
.ksf-pill input:checked+.ksf-pill-face .ksf-tick{visibility:visible}
.ksf-pill input:focus-visible+.ksf-pill-face{outline:3px solid var(--navy);outline-offset:5px}
.ksf-section .ss-teaser{margin-top:0}
@media(max-width:1000px){.ksf-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.ksf-pill-label{font-size:1.15rem}}
@media(max-width:760px){.ksf-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.ksf-intro{margin-bottom:32px}.ksf-pill-face{gap:10px;padding:14px 44px;min-height:72px}.ksf-pill-label{font-size:1.1rem}}
@media(max-width:480px){.ksf-areas{grid-template-columns:1fr;gap:14px;max-width:360px;margin-bottom:32px}.ksf-pill-face{min-height:66px;padding:14px 46px;gap:18px}.ksf-pill-label{font-size:1.2rem}.ksf-intro{text-align:left}.ksf-intro h2{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.ksf-pill-face::before,.ksf-pill-face::after{transition:none}}

@media(max-width:760px){.ksf-tick{right:12px;width:16px;height:16px;flex-basis:16px}.ksf-tick svg{width:12px;height:12px}}

.ksf-more{grid-column:1/-1;min-width:0;margin-top:-12px}
.ksf-more>summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:calc((100% - 60px)/4);min-height:44px;margin-left:auto;padding:6px 22px;border-radius:6px;color:#104c3c;font-size:.95rem;font-weight:650;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ksf-more>summary::-webkit-details-marker{display:none}
.ksf-more>summary:hover{color:#156342;background:#f0f8f3}
.ksf-more>summary:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.ksf-more>summary svg{flex:0 0 18px;transition:transform .16s}
.ksf-more[open]>summary svg{transform:rotate(180deg)}
.ksf-more-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin-top:18px}
@media(max-width:1000px){.ksf-more>summary{width:calc((100% - 32px)/3)}.ksf-more-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}
@media(max-width:760px){.ksf-more>summary{width:calc((100% - 16px)/2)}.ksf-more-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ksf-more{margin-top:-4px}.ksf-more>summary{width:100%}.ksf-more-areas{grid-template-columns:1fr;gap:14px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.ksf-more>summary svg{transition:none}}
.ksf-more-areas .ksf-pill-face{height:100%;padding-left:34px;padding-right:34px}
.ksf-more-areas .ksf-tick{right:12px}
@media(min-width:481px) and (max-width:760px){.ksf-more-areas .ksf-pill-face{gap:8px;padding-left:24px;padding-right:24px}.ksf-more-areas .ksf-icon{width:24px;height:24px;flex-basis:24px}.ksf-more-areas .ksf-pill-label{font-size:1rem}}

.ksf-intro .ksf-kicker{margin:0 auto 12px;color:#27745d;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:650;line-height:1.4}

/* Keep the disclosure control below the expanded pressure points. */
.ksf-more[open]{position:relative;padding-bottom:62px}
.ksf-more[open]>summary{position:absolute;right:0;bottom:0}