/* KN Guide Hub – nutzt bewusst vorhandene KN-Kachelklassen und ergänzt nur Guide-spezifische Bausteine */
.kn-guide-hub { margin: 24px 0; }
.kn-guide-hero { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.06); padding:clamp(18px,3vw,28px); margin-bottom:18px; }
.kn-guide-kicker { margin:0 0 6px; color:#004F6E; font-weight:800; letter-spacing:.04em; text-transform:uppercase; font-size:.82rem; }
.kn-guide-hero h1 { margin:0 0 8px; color:#004F6E; font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem); line-height:1.15; }
.kn-guide-hero p:last-child { margin-bottom:0; color:#374151; line-height:1.55; }
.kn-guide-pills { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 18px; }
.kn-guide-pills .kn-pill { height:38px; }
.kn-guide-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:18px 0; }
.kn-guide-card { position:relative; display:flex; gap:12px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:14px; box-shadow:0 1px 3px rgba(0,0,0,.06); transition:background .2s,box-shadow .2s,transform .15s,border-color .2s; }
.kn-guide-card:hover { background:#f9fafb; border-color:#d1d5db; box-shadow:0 6px 16px rgba(0,0,0,.08); transform:translateY(-2px); }
.kn-guide-card .full-link { position:absolute; inset:0; z-index:10; display:block; text-indent:-9999px; overflow:hidden; border-radius:12px; }
.kn-guide-card .full-link:focus-visible { outline:2px solid #0ea5e9; outline-offset:4px; }
.kn-guide-icon { flex:0 0 auto; font-size:1.7rem; line-height:1; margin-top:2px; }
.kn-guide-content { flex:1 1 auto; min-width:0; }
.kn-guide-content h2 { margin:0 0 6px; color:#004F6E; font-size:1.08rem; line-height:1.25; }
.kn-guide-content p { margin:0 0 10px; color:#4b5563; font-size:.92rem; line-height:1.4; }
.kn-guide-latest { position:relative; z-index:12; list-style:none; padding:0; margin:8px 0 10px; display:flex; flex-direction:column; gap:6px; }
.kn-guide-latest li { margin:0; font-size:.88rem; line-height:1.3; }
.kn-guide-latest a { color:#111827; text-decoration:none; }
.kn-guide-latest a:hover { color:#004F6E; text-decoration:underline; }
.kn-guide-more { display:inline-flex; color:#004F6E; font-weight:700; font-size:.9rem; }
.kn-guide-sections-wrap { margin-top:26px; }
.kn-guide-section, .kn-related-guides { margin:28px 0; scroll-margin-top:90px; }
.kn-guide-section-head { margin:0 0 14px; }
.kn-guide-section-head h2, .kn-related-guides h2 { margin:0 0 6px; color:#004F6E; font-size:1.35rem; }
.kn-guide-section-head p { margin:0; color:#4b5563; line-height:1.5; }
.kn-related-guides h2 { margin-bottom:14px; }
@media (hover:none), (pointer:coarse), (max-width:768px) { .kn-guide-card:hover { transform:none !important; box-shadow:0 1px 3px rgba(0,0,0,.06); } }
@media (max-width:680px) { .kn-guide-pills .kn-pill { flex:1 1 calc(50% - 8px); } }
@media (max-width:640px) { .kn-guide-grid { grid-template-columns:1fr; gap:14px; } .kn-guide-card { padding:12px; } .kn-guide-content h2 { font-size:1rem; } .kn-guide-content p, .kn-guide-latest li { font-size:.86rem; } }