:root{--kp-bg:#f4f8f8;--kp-card:#fff;--kp-ink:#153545;--kp-muted:#58707a;--kp-accent:#087f82;--kp-line:#d7e5e5}
.kp-subnav{position:sticky;top:12px;z-index:3;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;margin:0 0 22px;background:var(--kp-card);border:1px solid var(--kp-line);border-radius:14px;box-shadow:0 8px 24px #15354512}.kp-subnav a{padding:5px 10px;border-radius:999px;background:var(--kp-bg);font-size:.84rem;font-weight:700;text-decoration:none}.kp-content .section{margin:34px 0 44px;padding-top:8px;scroll-margin-top:78px}.kp-content .section>h2{padding:16px 18px;margin:0 0 18px;border:1px solid var(--kp-line);border-inline-start:5px solid var(--kp-accent);border-radius:14px;background:var(--kp-bg)}.kp-content .case{margin:0 0 24px;padding:20px 22px;background:var(--kp-card);border:1px solid var(--kp-line);border-radius:16px;box-shadow:0 8px 22px #1535450b;scroll-margin-top:88px}.kp-content .case-title{font-size:1.18rem;font-weight:800;line-height:1.35;padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid var(--kp-accent)}.kp-content .case-row,.kp-content .answer,.kp-content .merk{margin:10px 0}.kp-content .merk{padding:11px 14px;border-inline-start:4px solid #d28a28;background:#fff8eb;border-radius:8px}.kp-case-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:.84rem}.kp-case-links a{font-weight:700}
.kp-content .case{position:relative;margin:0 0 34px;padding:24px 24px 18px;border:1px solid #b8d2d4;border-top:6px solid var(--kp-accent);border-radius:14px;box-shadow:0 12px 28px #15354516}.kp-content .case:nth-of-type(even){border-top-color:#5a79a8}.kp-content .case-title{display:block;margin:-4px -4px 18px;padding:0 0 15px;border-bottom:1px solid var(--kp-line);font-size:1.25rem}.kp-content .case-row,.kp-content .answer{padding:10px 12px;margin:12px 0;background:color-mix(in srgb,var(--kp-bg) 58%,var(--kp-card));border-radius:8px}.kp-content .case-row strong:first-child{color:var(--kp-accent)}.kp-content .answer{border-inline-start:3px solid #9acaca}.kp-content .merk{margin:16px 0;padding:13px 15px;font-weight:600}.kp-case-links{padding-top:14px;border-top:1px dashed var(--kp-line)}
body{margin:0;background:var(--kp-bg);color:var(--kp-ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}
.kp-shell{max-width:1120px;margin:auto;padding:32px 20px 64px}.kp-nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.kp-nav a{color:var(--kp-accent);font-weight:700;text-decoration:none}.kp-badge{display:inline-block;border:1px solid #9acaca;border-radius:999px;padding:4px 11px;color:var(--kp-accent);font-size:.82rem;font-weight:700}.kp-hero,.kp-card,.kp-content{background:var(--kp-card);border:1px solid var(--kp-line);border-radius:18px;box-shadow:0 10px 30px #1535450d}.kp-hero{padding:28px;margin-bottom:24px}.kp-hero h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:.35em 0}.kp-hero p{color:var(--kp-muted);max-width:760px}.kp-group{margin:26px 0}.kp-group h2{font-size:1.35rem;border-bottom:1px solid var(--kp-line);padding-bottom:10px}.kp-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.kp-card{display:block;padding:16px;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.kp-card:hover,.kp-card:focus-visible{transform:translateY(-2px);border-color:var(--kp-accent)}.kp-card strong{display:block;line-height:1.35}.kp-card small{color:var(--kp-muted)}.kp-content{padding:clamp(20px,4vw,46px)}.kp-content h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.2}.kp-content h2{margin-top:2em}.kp-content img{max-width:100%;height:auto}.kp-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.kp-content th,.kp-content td{border:1px solid var(--kp-line);padding:8px;text-align:start}.kp-content a{color:var(--kp-accent)}.kp-warning{border-inline-start:4px solid #d28a28;background:#fff8eb;padding:14px 16px;margin:18px 0}.kp-footer{color:var(--kp-muted);font-size:.9rem;margin-top:28px}@media(prefers-color-scheme:dark){body{--kp-bg:#0b2029;--kp-card:#102d38;--kp-ink:#e5f0f0;--kp-muted:#a9c2c5;--kp-line:#28505a}.kp-warning{background:#352b1d}}@media(max-width:600px){.kp-shell{padding:20px 12px 40px}.kp-nav{align-items:flex-start;flex-direction:column}.kp-content{padding:18px 14px}}