@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--kh-blue:#005CCC;--kh-blue-dk:#185cab;--kh-blue-lt:#e8f0fb;--kh-why:#c2410c;--kh-how:#0a7a3f;--kh-border:#e2e8f0;--kh-text:#0f172a;--kh-muted:#64748b;--kh-max:1100px;--kh-radius:12px}.kh-page-bg *{box-sizing:border-box}.kh-page-bg{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f4f9;color:var(--kh-text)}.kh-hero{background:#185cab;border-bottom:2px solid #a8c8ef;color:#fff;padding:clamp(36px,6vw,64px) 20px clamp(32px,5vw,60px)}.kh-hero-inner{max-width:var(--kh-max);margin:0 auto}.kh-hero *{color:#fff}.kh-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:5px 14px;font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.kh-hero h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.kh-hero-tagline{margin:0 0 12px;font-size:1.1rem;opacity:.88;max-width:100%;line-height:1.65}.kh-hero-meta{font-size:.8rem;opacity:.65;margin-bottom:32px}.kh-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.84rem}.kh-legend-item{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 14px;font-weight:500}.kh-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.kh-layout{max-width:var(--kh-max);margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:230px 1fr;gap:36px;align-items:start}@media (max-width:1024px){.kh-layout{grid-template-columns:200px 1fr;gap:24px}}@media (max-width:860px){.kh-layout{grid-template-columns:1fr;gap:0;padding:0 16px 60px}}@media (max-width:480px){.kh-layout{padding:0 12px 48px}}.kh-toc{position:sticky;top:88px;background:#fff;border:1px solid var(--kh-border);border-radius:var(--kh-radius);padding:20px;margin-top:36px;box-shadow:0 2px 16px rgba(24,92,171,.08)}.kh-toc h2{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kh-muted);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--kh-border)}.kh-toc ol{margin:0;padding:0;list-style:none}.kh-toc li{margin-bottom:2px}.kh-toc a{display:flex;gap:9px;color:#0f172a;text-decoration:none;font-size:.82rem;font-weight:500;line-height:1.4;padding:6px 8px;border-radius:7px}.kh-toc a,.kh-toc-num{align-items:center;transition:background .18s,color .18s}.kh-toc-num{font-size:.68rem;font-weight:700;min-width:20px;height:20px;border-radius:5px;display:inline-flex;justify-content:center;flex-shrink:0}.kh-toc a:hover,.kh-toc-num{background:var(--kh-blue-lt);color:var(--kh-blue)}.kh-toc a:hover .kh-toc-num{background:var(--kh-blue);color:#fff}.kh-toc-active{background:var(--kh-blue-lt)!important;color:var(--kh-blue)!important;font-weight:600!important}.kh-toc-active .kh-toc-num{background:var(--kh-blue)!important;color:#fff!important}@media (max-width:860px){.kh-toc{position:static;margin:24px 0 0}.kh-toc ol{-moz-columns:2;column-count:2;-moz-column-gap:16px;column-gap:16px}}@media (max-width:500px){.kh-toc ol{-moz-columns:1;column-count:1}.kh-toc{padding:16px}}.kh-main{min-width:0}.kh-section{margin-top:44px;scroll-margin-top:240px}.kh-section-heading{font-size:1.3rem;font-weight:700;color:var(--kh-text);background:linear-gradient(90deg,#dce9fb,#eef4ff 70%,#f0f4f9);border-left:4px solid var(--kh-blue-dk);border-radius:8px;padding:12px 18px;margin:0 0 20px;letter-spacing:-.01em}.kh-card{background:#fff;border-radius:var(--kh-radius);border-left:1px solid var(--kh-border);border:1px solid var(--kh-border);border-left-width:4px;padding:22px 24px;margin-bottom:14px;transition:box-shadow .2s,transform .18s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.kh-card:hover{box-shadow:0 8px 28px rgba(24,92,171,.11);transform:translateY(-2px)}.kh-card.what{border-left-color:var(--kh-blue)}.kh-card.why{border-left-color:var(--kh-why)}.kh-card.how{border-left-color:var(--kh-how)}.kh-card h3{font-size:1rem;font-weight:600;margin:0 0 10px;color:var(--kh-text);line-height:1.45;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.kh-card ol,.kh-card p,.kh-card ul{margin:8px 0;color:#1e293b;font-size:.94rem;line-height:1.75}.kh-card ol,.kh-card ul{padding-left:22px}.kh-card li{margin-bottom:5px}.kh-card code{background:#f1f5f9;border:1px solid var(--kh-border);border-radius:4px;padding:2px 6px;font-size:.85em;color:var(--kh-blue-dk)}.kh-table-wrap{overflow-x:auto;margin:14px 0;border-radius:8px;border:1px solid var(--kh-border)}.kh-card table{width:100%;border-collapse:collapse;font-size:.89rem;min-width:380px}.kh-card td,.kh-card th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--kh-border);vertical-align:top}.kh-card th{background:#f0f5ff;color:var(--kh-blue-dk);font-weight:600;font-size:.82rem;letter-spacing:.02em;text-transform:uppercase;border-bottom:2px solid #c7d9f5}.kh-card td{background:#fff;color:#1e293b}.kh-card tbody tr:last-child td{border-bottom:none}.kh-card tbody tr:hover td{background:#f7faff}.kh-footer-note{margin-top:56px;padding:26px 30px;background:linear-gradient(135deg,#eef4ff,#e8f0fb);border-radius:var(--kh-radius);border:1px solid #c7d9f5;font-size:.9rem;color:var(--kh-text);line-height:1.7}.kh-footer-note p{margin:0 0 6px}.kh-footer-note p:last-child{margin-bottom:0}.kh-footer-note a{color:var(--kh-blue);font-weight:600;text-decoration:none}.kh-footer-note a:hover{text-decoration:underline}.kh-accordion-trigger{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0;text-align:left}.kh-trigger-left{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;flex:1}.kh-trigger-question{font-size:1rem;font-weight:600;color:var(--kh-text);line-height:1.45}.kh-chevron{flex-shrink:0;display:flex;align-items:center;color:var(--kh-muted);margin-top:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),color .18s}.kh-card-open .kh-chevron{transform:rotate(180deg);color:var(--kh-blue)}.kh-accordion-body{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.kh-accordion-inner{padding-top:12px}.kh-card-open{box-shadow:0 4px 20px rgba(24,92,171,.1)!important}.what.kh-card-open{background:#fafcff}.why.kh-card-open{background:#fffaf7}.how.kh-card-open{background:#f5fdf8}@media (max-width:860px){.kh-hero h1{font-size:clamp(1.6rem,5vw,2.2rem)}.kh-hero-tagline{font-size:1rem;max-width:100%}.kh-legend{gap:8px}.kh-legend-item{font-size:.8rem;padding:6px 10px}.kh-section{margin-top:32px;scroll-margin-top:120px}.kh-section-heading{font-size:1.15rem;padding:10px 14px}.kh-card{padding:16px 18px}.kh-trigger-question{font-size:.95rem}.kh-footer-note{padding:20px 22px}}@media (max-width:600px){.kh-hero{padding:32px 16px 28px}.kh-hero h1{font-size:clamp(1.4rem,6vw,1.9rem);letter-spacing:-.01em}.kh-hero-tagline{font-size:.95rem}.kh-hero-meta{font-size:.75rem;margin-bottom:20px}.kh-legend{gap:6px}.kh-legend-item{font-size:.75rem;padding:5px 10px}.kh-section{margin-top:28px;scroll-margin-top:16px}.kh-section-heading{font-size:1.05rem;padding:9px 12px}.kh-card{padding:14px;margin-bottom:10px;border-radius:8px}.kh-card:hover{transform:none}.kh-trigger-question{font-size:.9rem}.kh-card ol,.kh-card p,.kh-card ul{font-size:.88rem;line-height:1.7}.kh-table-wrap{border-radius:6px}.kh-card table{font-size:.8rem;min-width:280px}.kh-card td,.kh-card th{padding:7px 10px}.kh-footer-note{padding:16px 18px;font-size:.85rem;margin-top:36px}}@media (max-width:380px){.kh-hero h1{font-size:1.3rem}.kh-hero-tagline{font-size:.88rem}.kh-section-heading{font-size:.98rem}.kh-trigger-question{font-size:.85rem}}