/* ============================================
   Kennisbank (/kennis/)
   ============================================ */
.page-kennis { --kn-gutter: clamp(16px, 4vw, 32px); }
.kn-wrap { width: 100%; max-width: calc(1140px + 2 * var(--kn-gutter)); margin: 0 auto; padding-inline: var(--kn-gutter); font-family: var(--font-main); }

.kn-head { padding-block: clamp(40px, 6vw, 72px); background: var(--color-primary); }
.kn-kicker { margin: 0 0 12px; color: var(--color-accent); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.kn-title { margin: 0 0 16px; color: var(--color-white); font-size: clamp(34px, 4.6vw, 52px); font-weight: 700; line-height: 1.08; }
.kn-lead { max-width: 38em; margin: 0; color: rgba(255, 255, 255, 0.95); font-size: 18px; line-height: 1.7; }

.kn-main { padding-block: clamp(32px, 5vw, 64px) clamp(56px, 8vw, 96px); background: #F5F5F4; }
.kn-sub { margin: clamp(40px, 5vw, 56px) 0 20px; color: var(--color-primary); font-size: 22px; font-weight: 700; }
.kn-grid { display: grid; gap: 20px; }
@media (min-width: 640px) { .kn-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .kn-grid { grid-template-columns: repeat(3, 1fr); } }

.kn-ask { padding-block: clamp(40px, 6vw, 64px); background: var(--color-white); }
.kn-ask__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.kn-ask__title { margin: 0 0 8px; color: var(--color-primary); font-size: clamp(24px, 3vw, 30px); font-weight: 700; }
.kn-ask__text { max-width: 34em; margin: 0; color: #5C6063; font-size: 16px; line-height: 1.6; }
.kn-ask__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.kn-ask__actions .btn { padding: 18px 30px; }
.kn-ask__phone { color: var(--color-primary); font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }