.kb{padding-block:48px 72px}
.kb-eyebrow{font:600 .8rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin:0 0 8px}
.kb-intro h1{font:600 clamp(2rem,4vw,2.8rem) var(--serif);color:var(--ink);margin:0 0 12px}
.kb-intro .lede{max-width:60ch;color:var(--muted)}
.kb-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.kb-jump a{padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink);text-decoration:none;font:500 .95rem var(--sans)}
.kb-jump a:hover,.kb-jump a:focus-visible{background:var(--green-soft);border-color:var(--green)}
.kb-sec{margin-top:56px;scroll-margin-top:calc(var(--head-h) + 16px)}
.kb-sec h2{font:600 1.7rem var(--serif);color:var(--ink);margin:0 0 6px}
.kb-sub{color:var(--muted);margin:0 0 20px;max-width:62ch}
.kb-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.kb-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 12px 18px}
.kb-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r);background:var(--forest)}
.kb-card h3{font:600 1.05rem var(--sans);color:var(--ink);margin:14px 6px 4px}
.kb-card p{margin:0 6px;color:var(--muted);font-size:.95rem;line-height:1.5}
.kb-yt{display:inline-block;margin:8px 6px 4px;font-size:.9rem;font-weight:600;color:var(--accent,#6BA6FF)}