/* Homepage category cards. Scoped under khc- to avoid conflicts with the custom theme. */
.khc-section,.khc-section *{box-sizing:border-box}
.khc-section{width:100%;max-width:1200px;margin:0 auto 48px;color:#15283b;font-family:inherit}
.khc-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.khc-eyebrow{font-size:11px!important;font-weight:750!important;letter-spacing:.16em!important;text-transform:uppercase;color:#566a79!important;margin:0 0 12px!important}
.khc-heading h2{font-size:clamp(27px,3vw,38px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.13!important;color:#102338!important;margin:0!important}
.khc-all{white-space:nowrap;font-size:13px!important;font-weight:650!important;text-decoration:none!important;color:#9c5509!important;border-bottom:1px solid currentColor;margin-bottom:4px}
.khc-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
.khc-grid>.khc-card{grid-column:span 3;display:flex!important;flex-direction:column!important;width:auto!important;min-width:0!important;max-width:none!important;height:100%;margin:0!important;padding:0!important;overflow:hidden;border:1px solid #e2e5e6;border-radius:7px;background:#fff;box-shadow:0 7px 18px rgba(16,35,56,.035)}
.khc-grid>.khc-card:nth-child(n+5){grid-column:span 4}
.khc-card-photo{display:block!important;aspect-ratio:1.38!important;width:100%!important;flex:none!important;overflow:hidden;background:#f4f4f2}
.khc-card-photo img.khc-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;transition:transform .25s ease}
@media(hover:hover){.khc-card:hover .khc-image{transform:scale(1.035)}}
.khc-card-body{padding:20px 19px 19px!important;display:flex!important;flex-direction:column!important;gap:0!important;flex:1!important;min-width:0!important}
.khc-card-body h3{font-size:18px!important;line-height:1.3!important;font-weight:650!important;min-height:47px!important;letter-spacing:-.02em!important;margin:0 0 15px!important;padding:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.khc-card-body h3 a{color:#102338!important;text-decoration:none!important}
.khc-card-body h3 a:hover{color:#9c5509!important}
.khc-description{font-size:13px!important;line-height:1.55!important;color:#34495a!important;margin:0 0 20px!important;padding:0!important;min-height:60px!important}
.khc-card-cta{align-self:flex-start!important;display:inline-flex!important;gap:5px!important;align-items:center!important;margin-top:auto!important;color:#102338!important;font-size:13px!important;line-height:1.4!important;font-weight:650!important;text-decoration:underline!important;text-underline-offset:3px!important}
.khc-card-cta:hover{color:#9c5509!important}
.khc-admin-warning{padding:10px 14px;background:#fff2d7;color:#663c00;font-size:13px}
@media(max-width:1000px){.khc-grid>.khc-card,.khc-grid>.khc-card:nth-child(n+5){grid-column:span 6}.khc-card-body h3{font-size:17px!important;min-height:0!important}.khc-description{min-height:0!important}}
@media(max-width:640px){.khc-section{margin-bottom:34px}.khc-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:18px}.khc-heading h2{font-size:29px!important}.khc-grid{gap:12px!important}.khc-grid>.khc-card,.khc-grid>.khc-card:nth-child(n+5){grid-column:span 12;display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:118px}.khc-card-photo{width:112px!important;height:100%!important;aspect-ratio:auto!important}.khc-card-body{padding:12px 12px 11px!important}.khc-card-body h3{font-size:14px!important;line-height:1.28!important;margin:0 0 7px!important}.khc-description{font-size:12px!important;line-height:1.3!important;margin:0 0 8px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.khc-card-cta{font-size:12px!important}}
@media(max-width:360px){.khc-grid>.khc-card,.khc-grid>.khc-card:nth-child(n+5){grid-template-columns:96px minmax(0,1fr)!important}.khc-card-photo{width:96px!important}}
@media(prefers-reduced-motion:reduce){.khc-card-photo img.khc-image{transition:none}}

/* Optional editable introduction under the section title. */
.khc-intro{max-width:760px;font-size:15px!important;line-height:1.55!important;color:#445769!important;margin:12px 0 0!important}
@media(max-width:640px){.khc-intro{font-size:13px!important}}
