.kf-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}
.kf-nav-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:2px solid #d1e4ef;border-radius:20px;color:#243e73;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.kf-nav-card:hover{border-color:#27447e;box-shadow:0 6px 20px #243e7314}
.kf-nav-card:focus-visible{outline:3px solid #243e73;outline-offset:4px}
.kf-nav-illustration{margin:0;min-width:0;background:#fff}
.kf-nav-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.kf-nav-illustration figcaption{padding:10px 12px;text-align:center;background:#f0f7fc;color:#243e73;font-size:1rem;font-weight:800;line-height:1.4}
.kf-nav-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px}
.kf-nav-copy h3{margin:5px 0 9px;color:#243e73;font-size:1.3rem;line-height:1.2}
.kf-nav-copy p{flex:1;margin:0 0 16px;color:#52616e;font-size:.95rem;line-height:1.55}
.kf-nav-badge{font-weight:800;font-size:.8rem;color:#a74112}
.kf-nav-action{display:inline-block;margin-top:auto;font-weight:800;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.kf-nav-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.kf-nav-compact{display:grid;grid-template-columns:minmax(110px,35%) minmax(0,1fr);align-items:center}
.kf-nav-compact .kf-nav-copy{padding:14px}.kf-nav-compact .kf-nav-copy h3{font-size:1.1rem}
.kf-nav-compact figcaption{font-size:.85rem;padding:6px}
.kf-nav-section-art{max-width:420px;margin:20px 0;border:1px solid #d1e4ef;border-radius:18px;overflow:hidden}
.kf-nav-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,330px);gap:28px;align-items:center}
.catalog-heading.kf-nav-heading,.lr-intro.kf-nav-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,330px)}
.kf-nav-heading>.kf-nav-section-art{margin:0}.kf-nav-heading>.kf-nav-section-art figcaption{font-size:.9rem}
.kf-nav-ending-example{display:block;width:100%;height:175px;object-fit:contain;margin-bottom:12px}
.kf-nav-home-heading{margin-top:24px;color:#243e73}
.lecture-terminaisons-feature-art .kf-nav-illustration{width:100%;border-radius:16px;overflow:hidden}
.lecture-terminaisons-feature .lecture-terminaisons-feature-art{grid-template-columns:1fr}
.home-page .kf-nav-compact{display:flex}
.home-page .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .home-category img{display:block;width:100%;height:150px;object-fit:contain;border-radius:12px;margin:0 0 10px}
.home-page .home-category{min-height:290px}
.writing-hero .hero-inner>img.kf-nav-writing-image{width:min(100%,330px);height:auto;aspect-ratio:3/2;border-radius:20px}
@media(max-width:1100px){.kf-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-page .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-nav-support,.kf-nav-heading,.catalog-heading.kf-nav-heading,.lr-intro.kf-nav-heading{grid-template-columns:1fr}.kf-nav-heading>.kf-nav-section-art{width:min(100%,330px)}}
@media(max-width:520px){.kf-nav-grid,.home-page .home-category-grid{grid-template-columns:1fr}.kf-nav-card:not(.kf-nav-compact) .kf-nav-illustration img{max-height:230px}.kf-nav-copy{padding:16px}.kf-nav-compact{grid-template-columns:110px minmax(0,1fr)}.kf-nav-compact figcaption{font-size:.78rem}.home-page .home-category img{height:180px}}
@media(prefers-reduced-motion:reduce){.kf-nav-card{transition:none}}

.home-secondary-paths a img{width:60px;height:40px;object-fit:contain;vertical-align:middle;margin-right:8px}
