.khf{padding:24px 0 0;color:inherit;font:inherit}
.khf *{box-sizing:border-box}
.khf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}
.khf-heading h2{margin:0;font-family:var(--font-heading-family,inherit);font-size:30px;font-weight:600;line-height:1.2}
.khf-heading p{margin:0;font-size:14px;line-height:1.5;color:inherit;opacity:.65}
.khf-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.khf-entry{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:96px;padding:11px 14px;border:1px solid rgba(0,0,0,.12);border-color:color-mix(in srgb,currentColor 13%,transparent);border-radius:14px;background:rgba(0,0,0,.035);background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;text-decoration:none}
.khf-entry:hover{border-color:currentColor;background:rgba(0,0,0,.055);background:color-mix(in srgb,currentColor 6%,transparent);text-decoration:none}
.khf-entry:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.khf-thumb{display:block;flex:none;width:72px;height:72px;border-radius:8px;background:#f5f4f1;position:relative;z-index:1;transition:transform .18s ease}
.khf-thumb img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.khf-label{min-width:0;font-size:16px;font-weight:600;line-height:1.3;overflow-wrap:break-word}
.khf-arrow{margin-inline-start:auto;flex:none;font-size:20px;line-height:1}
.khf + .section.section--padding{padding-block-start:24px}
@media(hover:hover) and (pointer:fine){.khf-entry:hover .khf-thumb{transform:scale(1.15);z-index:2}}
@media(min-width:750px) and (max-width:989px){.khf-entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.khf{padding:20px 0 0}.khf-heading{display:block;margin-bottom:16px}.khf-heading h2{font-size:27px}.khf-heading p{font-size:14px;margin-top:6px}.khf-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.khf-entry{padding:10px;gap:9px;min-height:94px;border-radius:12px}.khf-thumb{width:64px;height:64px}.khf-label{flex:1;font-size:15px}.khf-arrow{position:absolute;inset-block-start:8px;inset-inline-end:8px;margin:0;font-size:15px;pointer-events:none}}
@media(max-width:380px){.khf-entry{padding:9px;gap:7px}.khf-thumb{width:56px;height:56px}.khf-label{font-size:14px;letter-spacing:-.01em}.khf-arrow{display:none}}
@media(max-width:340px){.khf-entry{padding-inline:8px;gap:6px}.khf-thumb{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.khf-thumb{transition:none}.khf-entry:hover .khf-thumb{transform:none}}