:root{--kh-ink:#1a1916;--kh-muted:#625e56;--kh-line:#e4e0d7;--kh-paper:#fafaf8;--kh-warm:#f3f0e9;--kh-white:#fff;--kh-dark:#0a0a0a;--kh-green:#5d725e;--kh-amber:#9a7546}
.kh-page{overflow:hidden}.kh-shell{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px}.kh-hero{padding-top:132px;padding-bottom:72px}.kh-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#827d73;font-weight:600}.kh-hero h1,.kh-head h2,.kh-cta h2{font-family:'Playfair Display',serif;font-weight:400;letter-spacing:-.02em}.kh-hero h1{font-size:clamp(42px,6.2vw,82px);line-height:1.02;max-width:1060px;margin:18px 0 28px}.kh-intro{max-width:800px;font-size:clamp(17px,1.6vw,21px);line-height:1.72;color:#49453f}.kh-updated{margin-top:24px;color:#817c72;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.kh-tldr{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--kh-line);background:var(--kh-white);border-radius:8px;overflow:hidden}.kh-stat{padding:28px;border-right:1px solid var(--kh-line)}.kh-stat:last-child{border-right:0}.kh-stat strong{display:block;font-family:'Playfair Display',serif;font-size:38px;font-weight:500;line-height:1}.kh-stat span{display:block;font-size:13px;color:var(--kh-muted);margin-top:8px}.kh-tldr-note{grid-column:1/-1;background:var(--kh-dark);color:#d7d3ca;padding:14px 28px;font-size:12px}.kh-toc{background:var(--kh-warm);border-top:1px solid var(--kh-line);border-bottom:1px solid var(--kh-line);padding:30px 0}.kh-toc-inner{display:grid;grid-template-columns:180px 1fr;gap:30px}.kh-toc strong{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.kh-toc ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px}.kh-toc a{font-size:13px;color:#4f4b44;border-bottom:1px solid transparent}.kh-toc a:hover{border-color:currentColor}.kh-section{padding:96px 0}.kh-section.alt{background:var(--kh-warm)}.kh-section.dark{background:var(--kh-dark);color:#fff}.kh-head{max-width:850px;margin-bottom:38px}.kh-head h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin-top:12px}.kh-head p,.kh-copy p{font-size:16px;line-height:1.82;color:var(--kh-muted);margin-top:16px;max-width:780px}.dark .kh-head p,.dark .kh-copy p{color:#bbb6ad}.kh-copy{max-width:790px}.kh-copy ul,.kh-check{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}.kh-copy li,.kh-check li{padding-left:24px;position:relative;color:#47433d;line-height:1.7}.kh-copy li:before,.kh-check li:before{content:'✓';position:absolute;left:0;font-weight:600}.kh-source{font-size:11px;color:#7d786f;margin-top:16px}.kh-source a{text-decoration:underline;text-underline-offset:3px}.kh-visual{margin-top:42px;background:var(--kh-white);border:1px solid var(--kh-line);border-radius:8px;padding:34px}.dark .kh-visual{background:#141414;border-color:#2d2d2d}.kh-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:stretch}.kh-stage{position:relative;border:1px solid var(--kh-line);background:var(--kh-paper);padding:24px 18px;min-height:126px;border-radius:6px;text-align:left;font:inherit;cursor:pointer}.kh-stage:after{content:'→';position:absolute;right:-19px;top:43%;color:#918b80}.kh-stage:last-child:after{display:none}.kh-stage strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.kh-stage span{font-size:12px;color:var(--kh-muted);display:block;margin-top:8px}.kh-stage[aria-pressed=true]{border-color:var(--kh-ink);background:var(--kh-ink);color:white}.kh-stage[aria-pressed=true] span{color:#ccc}.kh-signal-dots{height:26px;display:flex;gap:6px;align-items:center;margin-top:14px}.kh-signal-dots i{width:7px;height:7px;border-radius:50%;background:#a7a195;animation:kh-pulse 1.8s infinite}.kh-signal-dots i:nth-child(2){animation-delay:.25s}.kh-signal-dots i:nth-child(3){animation-delay:.5s}@keyframes kh-pulse{50%{opacity:.25;transform:translateX(5px)}}.kh-math{display:flex;align-items:center;justify-content:center;gap:20px;margin:34px 0;padding:28px;background:var(--kh-dark);color:white;border-radius:8px}.kh-math strong{font:500 42px 'Playfair Display',serif}.kh-math span{color:#aaa}.kh-tool{margin-top:44px;border:1px solid var(--kh-line);background:var(--kh-white);border-radius:8px;padding:34px}.kh-tool h3{font:500 26px 'Playfair Display',serif;margin-bottom:8px}.kh-tool-intro{color:var(--kh-muted);font-size:14px;line-height:1.65}.kh-control{margin-top:28px}.kh-control label{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600;margin-bottom:12px}.kh-control output{font-variant-numeric:tabular-nums}.kh-control input[type=range]{width:100%;accent-color:var(--kh-ink)}.kh-meter{height:16px;background:#ece9e2;border-radius:999px;position:relative;margin-top:20px;overflow:visible}.kh-meter-fill{height:100%;width:45%;background:var(--kh-ink);border-radius:inherit;transition:width .25s}.kh-meter-ref{position:absolute;left:83.333%;top:-7px;height:30px;border-left:1px dashed var(--kh-amber)}.kh-dynamic{margin-top:18px;font-weight:600}.kh-disclaimer{font-size:12px!important;color:#777168!important;line-height:1.65!important;padding-top:16px;border-top:1px solid var(--kh-line);margin-top:22px!important}.kh-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kh-compare article{border:1px solid var(--kh-line);background:white;padding:30px;border-radius:8px}.kh-compare article:last-child{background:var(--kh-dark);color:white;border-color:var(--kh-dark)}.kh-compare h3{font:500 26px 'Playfair Display',serif}.kh-compare p{margin-top:12px;line-height:1.72;color:var(--kh-muted)}.kh-compare article:last-child p{color:#bbb}.kh-pull{font:400 clamp(25px,3vw,38px) 'Playfair Display',serif;max-width:820px;line-height:1.3;margin-top:38px;padding-left:24px;border-left:2px solid var(--kh-ink)}.kh-bars{height:260px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid var(--kh-line);position:relative;margin-top:24px}.kh-bar{flex:1;min-width:0;background:#cbc5b8;position:relative;height:20%;transition:height .25s}.kh-bar span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap}.kh-bars-ref{position:absolute;left:0;right:0;bottom:83.333%;border-top:1px dashed var(--kh-amber);font-size:10px;color:var(--kh-amber);text-align:right}.kh-input-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:28px}.kh-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.kh-field input,.kh-field select{width:100%;height:48px;border:1px solid var(--kh-line);background:var(--kh-paper);border-radius:5px;padding:0 14px;font:inherit;color:var(--kh-ink)}.kh-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.kh-result{background:var(--kh-warm);padding:20px;border-radius:6px}.kh-result span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7a756c}.kh-result strong{display:block;font:500 28px 'Playfair Display',serif;margin-top:6px}.kh-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.kh-tab{border:1px solid var(--kh-line);background:var(--kh-paper);padding:16px;text-align:left;border-radius:5px;font:600 13px Inter,sans-serif;cursor:pointer}.kh-tab[aria-selected=true]{background:var(--kh-ink);border-color:var(--kh-ink);color:#fff}.kh-panel{margin-top:14px;padding:24px;background:var(--kh-warm);border-radius:6px;color:#4d4942;line-height:1.75}.kh-track-diagram{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.kh-path{border:1px solid var(--kh-line);padding:24px;border-radius:7px;background:#fff}.kh-path h3{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.kh-nodes{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.kh-node{font-size:11px;background:var(--kh-warm);padding:10px;border-radius:4px;text-align:center;flex:1}.kh-arrow{color:#948e84}.kh-merge{grid-column:1/-1;background:var(--kh-dark);color:#fff;text-align:center;padding:18px;border-radius:6px;font-weight:600}.kh-example{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}.kh-store{background:white;border:1px solid var(--kh-line);border-radius:8px;padding:28px}.kh-store strong{font:500 27px 'Playfair Display',serif}.kh-store dl{display:grid;gap:10px;margin-top:20px}.kh-store div{display:flex;justify-content:space-between;border-bottom:1px solid var(--kh-line);padding-bottom:9px;font-size:13px}.kh-vs{font:italic 24px 'Playfair Display',serif;color:#8b857a}.kh-tree{display:grid;gap:12px;margin-top:26px}.kh-tree-step{border:1px solid var(--kh-line);background:#fff;border-radius:6px;padding:22px}.kh-tree-step strong{font:500 19px 'Playfair Display',serif}.kh-tree-actions{display:flex;gap:8px;margin-top:14px}.kh-tree button{border:1px solid var(--kh-line);background:var(--kh-paper);padding:9px 15px;border-radius:999px;font:600 12px Inter;cursor:pointer}.kh-tree button:hover,.kh-tree button:focus-visible{background:var(--kh-ink);color:white}.kh-tree-result{background:var(--kh-dark);color:white;padding:22px;border-radius:6px;line-height:1.65}.kh-tree-step[hidden],.kh-tree-result[hidden]{display:none}.kh-cta{background:var(--kh-dark);color:white;padding:90px 0}.kh-cta-inner{max-width:900px}.kh-cta h2{font-size:clamp(34px,4.3vw,56px);line-height:1.08;margin:14px 0 20px}.kh-cta p{color:#bbb6ad;max-width:700px;font-size:16px;line-height:1.75;margin-bottom:28px}.kh-related{padding:64px 0}.kh-related-card{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--kh-line);border-bottom:1px solid var(--kh-line);padding:24px 0}.kh-related-card strong{font:500 22px 'Playfair Display',serif}.kh-related-card span{font-size:13px;color:var(--kh-muted)}.kh-faq .faq-q{letter-spacing:0}.kh-inline{border-bottom:1px solid #aaa49a}.kh-inline:hover{border-color:var(--kh-ink)}
@media(max-width:820px){.kh-shell{padding-left:22px;padding-right:22px}.kh-hero{padding-top:104px}.kh-toc-inner{grid-template-columns:1fr}.kh-toc ol{grid-template-columns:1fr 1fr}.kh-flow{grid-template-columns:1fr 1fr}.kh-stage:nth-child(2):after{display:none}.kh-input-grid{grid-template-columns:1fr 1fr}.kh-track-diagram{grid-template-columns:1fr}.kh-merge{grid-column:1}.kh-example{grid-template-columns:1fr}.kh-vs{text-align:center}.kh-section{padding:72px 0}}
@media(max-width:540px){.kh-tldr{grid-template-columns:1fr}.kh-stat{border-right:0;border-bottom:1px solid var(--kh-line)}.kh-toc ol,.kh-flow,.kh-compare,.kh-input-grid,.kh-results,.kh-tabs{grid-template-columns:1fr}.kh-stage:after{content:'↓';right:auto;left:50%;top:auto;bottom:-23px}.kh-stage:nth-child(2):after{display:block}.kh-stage:last-child:after{display:none}.kh-visual,.kh-tool{padding:22px}.kh-math{gap:10px}.kh-math strong{font-size:30px}.kh-nodes{flex-direction:column}.kh-arrow{transform:rotate(90deg)}.kh-related-card{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kh-signal-dots i{animation:none}.kh-meter-fill,.kh-stage{transition:none}}