:root{--kp-primary:#0f4c81;--kp-primary-dark:#123b63;--kp-accent:#2563eb;--kp-success:#15803d;--kp-warning:#b45309;--kp-bg:#f8fafc;--kp-card:#ffffff;--kp-text:#0f172a;--kp-muted:#475569;--kp-border:#dbe3ef;--kp-shadow:0 16px 40px rgba(15,23,42,.08);--kp-radius:18px}body{background:var(--kp-bg)}.kp-shell{max-width:1180px;margin:0 auto;padding:20px 16px 48px}.kp-breadcrumb{font-size:.9rem;color:var(--kp-muted);margin:8px 0 16px}.kp-breadcrumb a{color:var(--kp-accent);text-decoration:none}.kp-hero{display:grid;gap:22px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;margin-bottom:28px}.kp-hero-copy,.kp-panel,.kp-section,.kp-author,.kp-related{background:var(--kp-card);border:1px solid var(--kp-border);border-radius:var(--kp-radius);box-shadow:var(--kp-shadow)}.kp-hero-copy{padding:30px 28px}.kp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--kp-accent);margin-bottom:14px}.kp-hero-copy h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;margin:0 0 14px;color:var(--kp-text)}.kp-hero-copy p{font-size:1.02rem;line-height:1.82;color:var(--kp-muted);margin:.8rem 0 0}.kp-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.kp-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.86rem;font-weight:600}.kp-panel{padding:24px}.kp-panel h2{font-size:1.25rem;margin:0 0 8px;color:var(--kp-primary)}.kp-panel p{margin:0 0 14px;color:var(--kp-muted);line-height:1.75}.kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kp-field{display:flex;flex-direction:column;gap:6px}.kp-field label{font-size:.9rem;font-weight:700;color:var(--kp-text)}.kp-field small{font-size:.8rem;color:var(--kp-muted)}.kp-panel input,.kp-panel select{width:100%;padding:13px 14px;border:1.5px solid var(--kp-border);border-radius:12px;font-size:1rem;background:#fff;color:var(--kp-text)}.kp-panel input:focus,.kp-panel select:focus{outline:none;border-color:var(--kp-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.kp-button{appearance:none;border:none;background:linear-gradient(135deg,var(--kp-primary),var(--kp-accent));color:#fff;padding:14px 18px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;margin-top:14px}.kp-button:hover{filter:brightness(.98)}.kp-result{display:none;margin-top:18px;padding:18px;border-radius:16px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#f8fbff)}.kp-result.show{display:block}.kp-result h3{margin:0;color:var(--kp-primary);font-size:1.1rem}.kp-result-main{font-size:2rem;line-height:1.1;font-weight:800;color:var(--kp-primary);margin:10px 0 4px}.kp-result-sub{font-size:1rem;color:var(--kp-muted);line-height:1.7;margin:0 0 12px}.kp-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.kp-stat{padding:12px 14px;border:1px solid var(--kp-border);border-radius:14px;background:#fff}.kp-stat strong{display:block;font-size:.82rem;color:var(--kp-muted);margin-bottom:4px}.kp-stat span{font-size:1.08rem;font-weight:700;color:var(--kp-text)}.kp-section{padding:26px 28px;margin-top:20px}.kp-section h2{font-size:1.45rem;margin:0 0 12px;color:var(--kp-primary)}.kp-section h3{font-size:1.05rem;margin:18px 0 8px;color:var(--kp-text)}.kp-section p,.kp-section li{font-size:1rem;line-height:1.85;color:var(--kp-muted)}.kp-section ul{margin:10px 0 0 18px;padding:0}.kp-table-wrap{overflow-x:auto;margin-top:14px}.kp-table{width:100%;border-collapse:collapse;font-size:.95rem}.kp-table th,.kp-table td{padding:12px 14px;border-bottom:1px solid var(--kp-border);text-align:left;vertical-align:top}.kp-table th{background:#eff6ff;color:var(--kp-primary);font-size:.88rem;letter-spacing:.02em;text-transform:uppercase}.kp-note,.kp-warning,.kp-source{padding:16px 18px;border-radius:14px;margin-top:16px;font-size:.95rem;line-height:1.75}.kp-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.kp-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.kp-source{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.kp-faq details{border:1px solid var(--kp-border);border-radius:14px;margin-top:12px;background:#fff}.kp-faq summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--kp-text);list-style:none}.kp-faq summary::-webkit-details-marker{display:none}.kp-faq div{padding:0 16px 16px;color:var(--kp-muted);line-height:1.8}.kp-author{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;margin-top:20px}.kp-author-badge{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kp-primary),var(--kp-accent));color:#fff;font-weight:800;flex:0 0 auto}.kp-author p{margin:6px 0 0;color:var(--kp-muted);line-height:1.75}.kp-related{padding:22px 24px;margin-top:20px}.kp-related h2{margin:0 0 12px;color:var(--kp-primary);font-size:1.2rem}.kp-related-links{display:flex;flex-wrap:wrap;gap:10px}.kp-related-links a{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;border:1px solid var(--kp-border);background:#fff;color:var(--kp-accent);text-decoration:none;font-weight:600;font-size:.9rem}.kp-disclaimer{font-size:.82rem;color:var(--kp-muted);margin-top:12px}@media (max-width:980px){.kp-hero{grid-template-columns:1fr}}@media (max-width:640px){.kp-grid,.kp-stat-grid{grid-template-columns:1fr}.kp-hero-copy,.kp-panel,.kp-section,.kp-author,.kp-related{padding-left:18px;padding-right:18px}.kp-hero-copy h1{font-size:2rem}}