/* Site kit: the one look for content sections on every public page
   (Sharon approved the mockup on 13 Oct 2026). See STYLE_GUIDE.md section 5b.
   Section headings, cards, stat numbers and feature bands. Loaded after a
   page's own styles so the shared rule wins. */

/* 1. Section headings: left-aligned, one size, Primary Blue */
.kit-head{text-align:left!important}
.kit-head h2,h2.kit-h2{font-size:clamp(1.5rem,3vw,2.125rem)!important;line-height:1.15;letter-spacing:-.01em;color:var(--blue)}
.kit-head p{margin-left:0!important;margin-right:0!important;max-width:64ch;color:var(--gray,#475569);font-size:1.0625rem}

/* 2. Cards: white, hairline, 14px corners, and every card that leads
   somewhere lifts the same way on hover */
.kit-card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.kit-card:hover,.kit-card:focus-within{transform:translateY(-3px);box-shadow:0 10px 28px rgba(30,62,175,.10)}
.kit-card img{transition:transform .5s ease}
.kit-card:hover img{transform:scale(1.04)}

/* 3. Stat numbers: bold, never thin */
.kit-num{font-weight:800!important;letter-spacing:-.02em!important;color:var(--blue)!important}

/* 4. Feature bands: Midnight */
.kit-band{background:#100A4A!important;color:#fff}

@media (prefers-reduced-motion:reduce){.kit-card,.kit-card img{transition:none}.kit-card:hover,.kit-card:focus-within{transform:none}.kit-card:hover img{transform:none}}
html[data-a11y-motion="off"] .kit-card,html[data-a11y-motion="off"] .kit-card img{transition:none}