.kh-page{--kh-orange:#b85f25;--kh-green:#176c61;--kh-ink:#183238;--kh-soft:#eef7f4}.kh-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:center;padding:2rem 0 1.5rem}.kh-hero h1{font-size:clamp(2.35rem,6vw,4.8rem);margin:.15rem 0 .7rem}.kh-hero p{max-width:760px;font-size:1.1rem}.kh-hero img{width:100%;border-radius:28px}.kh-app{padding:0 0 4rem}.kh-panel{background:#fff;border:1px solid #d6e1df;border-radius:24px;padding:clamp(1rem,3vw,2rem);box-shadow:0 12px 34px rgba(23,62,70,.08)}.kh-panel h2:focus{outline:3px solid #e7a36c;outline-offset:4px}.kh-actions,.kh-choice-list,.kh-emotions,.kh-chapter-grid,.kh-stepper{display:flex;flex-wrap:wrap;gap:.75rem}.kh-button{border:0;border-radius:999px;padding:.78rem 1.15rem;background:var(--kh-green);color:#fff;font:inherit;font-weight:750;cursor:pointer}.kh-button:hover{filter:brightness(.93)}.kh-button--secondary{background:#e9f1ef;color:var(--kh-ink)}.kh-button--orange{background:var(--kh-orange)}.kh-button[disabled]{opacity:.55;cursor:not-allowed}.kh-chapter-grid{margin:1.2rem 0}.kh-chapter{flex:1 1 240px;text-align:left;border:1px solid #cbdad7;border-radius:18px;padding:1rem;background:#f8fbfa;cursor:pointer}.kh-chapter strong,.kh-chapter span{display:block}.kh-chapter span{margin-top:.3rem;color:#51666a}.kh-home-meta{display:flex;gap:1rem;flex-wrap:wrap;color:#53676b;margin:1rem 0}.kh-stepper{list-style:none;padding:0;margin:0 0 1.2rem;counter-reset:kh}.kh-stepper li{flex:1 1 120px;background:#edf3f2;border-radius:14px;padding:.7rem;color:#52676b}.kh-stepper li[aria-current="step"]{background:#ffe9d6;color:#783811;font-weight:800}.kh-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.kh-progress{width:100%;height:10px;accent-color:var(--kh-green)}.kh-case-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:1.25rem}.kh-art{border-radius:20px;background:#edf4f2;overflow:hidden}.kh-art img{display:block;width:100%;height:auto}.kh-art pre{white-space:pre-wrap;font:inherit;line-height:1.55;margin:0;padding:1.25rem}.kh-case-copy{padding:.2rem}.kh-chip{display:inline-block;border-radius:999px;background:#ffe9d6;color:#743811;padding:.35rem .7rem;font-size:.84rem;font-weight:800}.kh-emotion{border:2px solid #d2dfdc;border-radius:16px;background:#fff;padding:.8rem 1rem;font:inherit;cursor:pointer}.kh-emotion[aria-pressed="true"]{border-color:var(--kh-green);background:#e4f4ef}.kh-clue{margin:.7rem 0;border:1px solid #d2dfdc;border-radius:16px;padding:.9rem;background:#fff}.kh-clue summary{cursor:pointer;font-weight:800}.kh-choice{display:block;width:100%;text-align:left;border:2px solid #d3dfdd;background:#fff;border-radius:16px;padding:1rem;font:inherit;cursor:pointer}.kh-choice:hover{border-color:var(--kh-green)}.kh-choice.is-safe{border-color:#23927c;background:#e8f8f3}.kh-choice.is-risky{border-color:#c86955;background:#fff1ee}.kh-feedback,.kh-rule,.kh-teacher{margin-top:1rem;border-radius:16px;padding:1rem}.kh-feedback{background:#f0f5f4}.kh-rule{background:#fff0dd;border-left:6px solid var(--kh-orange)}.kh-teacher{background:#f3effa;border:1px solid #d8cbea}.kh-teacher-toggle{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.kh-complete{text-align:center;padding:2rem}.kh-complete strong{font-size:3rem;color:var(--kh-green)}@media(max-width:760px){.kh-hero{grid-template-columns:1fr}.kh-hero img{display:none}.kh-case-layout{grid-template-columns:1fr}.kh-topline{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:no-preference){.kh-panel{animation:kh-in .22s ease-out}@keyframes kh-in{from{opacity:.4;transform:translateY(6px)}}}@media print{header,footer,.public-breadcrumbs,.kh-actions,.kh-teacher-toggle{display:none!important}.kh-panel{box-shadow:none;border:0}.kh-art img{max-height:500px;object-fit:contain}}