.kn .ka-hero{background:var(--gr);color:#eaf3ee;padding:48px 0 40px}
.kn .ka-hero h1{font-size:clamp(30px,5vw,46px);line-height:1.1;font-weight:800;margin:0 0 12px;color:#eaf3ee}
.kn .ka-hero p{max-width:60ch;opacity:.92}
.kn .ka-crumb{font-size:14px;margin-bottom:14px;opacity:.85}
.kn .ka-crumb a{color:inherit}
.kn .ka-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.kn .ka-toc a{font-size:14px;font-weight:600;color:#eaf3ee;border:1px solid rgba(234,243,238,.4);border-radius:999px;padding:6px 12px;text-decoration:none}
.kn .ka-toc a:hover{border-color:var(--am);color:var(--am)}
.kn .ka-sec{padding:44px 0;border-bottom:1px solid var(--ln)}
.kn .ka-sec:last-of-type{border-bottom:0}
.kn .ka-sec h2{scroll-margin-top:90px}
.kn .ka-sec h3{font-size:19px;margin:22px 0 8px}
.kn .ka-sec p{margin:0 0 12px;max-width:72ch}
.kn .ka-sec ul,.kn .ka-sec ol{margin:0 0 14px;padding-left:22px;max-width:72ch}
.kn .ka-sec li{margin-bottom:6px}
.kn .ka-fig{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:16px;margin:18px 0}
.kn .k-svg{display:block;width:100%;height:auto}
.kn .ka-legend{list-style:none;padding:0;margin:14px 0 0}
.kn .ka-legend li{display:flex;gap:10px;align-items:baseline}
.kn .ka-legend b{flex:0 0 26px;height:26px;border-radius:50%;border:3px solid #dc4614;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.kn .ka-tw{overflow-x:auto;margin:16px 0}
.kn .ka-t{width:100%;border-collapse:collapse;background:var(--sf);font-size:15px;min-width:520px}
.kn .ka-t th,.kn .ka-t td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid var(--ln)}
.kn .ka-t th{background:var(--so);font-weight:700}
.kn .ka-t td:first-child{white-space:nowrap;font-weight:600}
.kn .ka-note{background:var(--so);border-left:4px solid var(--am);border-radius:6px;padding:12px 16px;margin:14px 0;max-width:72ch}
.kn .ka-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kn .ka-card{display:block;background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:22px;text-decoration:none;color:inherit}
.kn .ka-card:hover{border-color:var(--am)}
.kn .ka-card small{display:block;color:var(--mu);font-size:13px;font-weight:600;margin-bottom:4px}
.kn .ka-card h3{font-size:20px;margin:0 0 6px}
.kn .ka-card p{color:var(--mu);font-size:15px;margin:0}
.kn .ka-card.ka-soon{opacity:.6;pointer-events:none}
@media(max-width:600px){.kn .ka-fig{padding:6px;margin:12px -8px}.kn .ka-sec{padding:32px 0}}
