:root{--ek-cream:#f5f0e6;--ek-cream-deep:#ebe3d2;--ek-ink:#1a1612;--ek-ink-soft:#3d362c;--ek-rust:#a8421f;--ek-rust-deep:#7a2e15;--ek-sage:#5a6b4a;--ek-gold:#b8893a;--ek-rule:#c4b896}.ek-page{font-family:Inter,-apple-system,sans-serif;background:var(--ek-cream);color:var(--ek-ink);line-height:1.7;font-size:17px}.ek-wrap{max-width:760px;margin:0 auto;padding:60px 28px 100px}.ek-kicker{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ek-rust);margin-bottom:18px;display:flex;align-items:center;gap:14px}.ek-kicker:after,.ek-kicker:before{content:"";flex:0 0 28px;height:1px;background:var(--ek-rust)}.ek-kicker:after{flex:1}.ek-crumbs{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ek-ink-soft);margin-bottom:24px}.ek-crumbs a{color:var(--ek-rust);text-decoration:none}.ek-crumbs a:hover{text-decoration:underline}.ek-crumbs .sep{margin:0 8px;color:var(--ek-rule)}.ek-title{font-weight:600;font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:1.1;color:var(--ek-ink);margin-bottom:20px;letter-spacing:-.015em}.ek-lede,.ek-title{font-family:Cormorant Garamond,serif}.ek-lede{font-size:1.3rem;line-height:1.5;color:var(--ek-ink-soft);font-weight:400;margin-bottom:36px;font-style:italic}.ek-rule{border:none;border-top:1px solid var(--ek-rule);margin:0 0 40px;position:relative}.ek-rule:after{content:"✦";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--ek-cream);padding:0 16px;color:var(--ek-gold);font-size:14px}.ek-answer-box{background:var(--ek-ink);color:var(--ek-cream);padding:28px 32px;border-radius:6px;margin-bottom:40px;border-left:4px solid var(--ek-gold)}.ek-answer-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ek-gold);margin-bottom:10px;font-weight:600}.ek-answer-text{font-family:Cormorant Garamond,serif;font-size:1.5rem;line-height:1.4;color:var(--ek-cream);margin:0;font-style:italic}.ek-answer-text strong{color:var(--ek-gold);font-style:normal;font-weight:600}.ek-section{margin-bottom:56px}.ek-h2{font-size:1.85rem;line-height:1.2;margin:0 0 12px;letter-spacing:-.01em}.ek-h2,.ek-h3{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--ek-ink)}.ek-h3{font-size:1.35rem;margin:32px 0 14px}.ek-p{margin-bottom:16px;color:var(--ek-ink-soft)}.ek-p strong{color:var(--ek-ink);font-weight:600}.ek-term{font-style:italic;color:var(--ek-rust-deep);font-weight:500}.ek-staff-container{background:#fff;padding:16px 8px 8px;border-radius:2px;overflow-x:auto;display:flex;justify-content:center}.ek-staff-container svg{max-width:100%;height:auto}.ek-keyboard-wrap{margin-top:16px;display:flex;justify-content:center;overflow-x:auto;padding-bottom:8px}.ek-keyboard{position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--ek-ink);border-radius:2px;background:var(--ek-ink);padding:0}.ek-key-white{width:38px;height:140px;background:linear-gradient(180deg,#fdfaf2,#f0e8d4);border-right:1px solid #c4b896;position:relative;cursor:pointer;transition:background .15s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.ek-key-white:last-child{border-right:none}.ek-key-white:hover{background:#f5ecd8}.ek-key-white.ek-tonic{background:linear-gradient(180deg,#d4624a,#a8421f);color:#fff}.ek-key-white.ek-secondary{background:linear-gradient(180deg,#c8a55a,#b8893a);color:#fff}.ek-key-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ek-ink-soft);pointer-events:none}.ek-key-white.ek-secondary .ek-key-label,.ek-key-white.ek-tonic .ek-key-label{color:#fff;font-weight:600}.ek-key-black{width:24px;height:88px;background:linear-gradient(180deg,#2a2520,#1a1612);position:absolute;top:0;cursor:pointer;z-index:2;border-radius:0 0 3px 3px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.4);transition:background .15s}.ek-key-black:hover{background:linear-gradient(180deg,#3a3530,#2a2520)}.ek-key-black.ek-tonic{background:linear-gradient(180deg,#d4624a,#a8421f)}.ek-key-black.ek-secondary{background:linear-gradient(180deg,#c8a55a,#b8893a)}.ek-key-black .ek-key-label{font-family:JetBrains Mono,monospace;font-size:8px;color:hsla(0,0%,100%,.5);pointer-events:none}.ek-key-black.ek-secondary .ek-key-label,.ek-key-black.ek-tonic .ek-key-label{color:#fff;font-weight:600}.ek-theory-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem;background:#fdfaf2;border:1px solid var(--ek-rule)}.ek-theory-table th{background:var(--ek-ink);color:var(--ek-cream);text-align:left;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.ek-theory-table td{padding:14px 16px;border-bottom:1px solid var(--ek-rule);font-family:Cormorant Garamond,serif;font-size:1.08rem;color:var(--ek-ink)}.ek-theory-table tr:last-child td{border-bottom:none}.ek-theory-table tr:nth-child(2n) td{background:var(--ek-cream-deep)}.ek-theory-table .ek-mono{font-family:JetBrains Mono,monospace;font-size:.9rem}.ek-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.ek-compare-card{background:#fdfaf2;border:2px solid var(--ek-rule);border-radius:4px;padding:22px}.ek-compare-card.ek-left{border-color:var(--ek-sage)}.ek-compare-card.ek-right{border-color:var(--ek-gold)}.ek-compare-card h4{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;margin:0 0 4px;color:var(--ek-ink);text-align:center}.ek-compare-card.ek-left h4{color:var(--ek-sage)}.ek-compare-card.ek-right h4{color:var(--ek-gold)}.ek-signature-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ek-ink-soft);margin-bottom:14px;font-weight:600}.ek-scale-notes{font-size:1.05rem;color:var(--ek-ink);padding:12px 0;background:var(--ek-cream-deep);border-radius:3px;margin-bottom:12px}.ek-scale-notes,.ek-verdict{font-family:Cormorant Garamond,serif;font-style:italic;text-align:center}.ek-verdict{font-size:.95rem;color:var(--ek-ink-soft);margin:0;padding-top:10px;border-top:1px dashed var(--ek-rule)}.ek-callout{background:var(--ek-cream-deep);border-left:3px solid var(--ek-gold);padding:22px 26px;margin:28px 0;border-radius:2px}.ek-callout.ek-rust{border-left-color:var(--ek-rust)}.ek-callout.ek-sage{border-left-color:var(--ek-sage)}.ek-callout-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ek-gold);margin-bottom:10px;font-weight:600}.ek-callout.ek-rust .ek-callout-label{color:var(--ek-rust)}.ek-callout.ek-sage .ek-callout-label{color:var(--ek-sage)}.ek-related{background:#fdfaf2;border:1px solid var(--ek-rule);border-radius:4px;padding:24px;margin:32px 0}.ek-related h3{margin:0 0 14px;font-size:1.15rem;font-family:Cormorant Garamond,serif;font-weight:600}.ek-related-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.ek-related-links li{padding:8px 0;border-bottom:1px dashed var(--ek-rule)}.ek-related-links li:last-child{border-bottom:none}.ek-related-links a{font-family:Cormorant Garamond,serif;font-size:1.05rem;color:var(--ek-ink);text-decoration:none;font-style:italic}.ek-related-links a:before{content:"→ ";color:var(--ek-rust);font-style:normal}.ek-related-links a:hover{color:var(--ek-rust)}.ek-faq{border-top:1px solid var(--ek-rule);margin:32px 0}.ek-faq details{border-bottom:1px solid var(--ek-rule);padding:0}.ek-faq details summary{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:var(--ek-ink);padding:22px 0;display:flex;gap:12px;align-items:baseline;cursor:pointer;list-style:none}.ek-faq details summary:before{content:"Q";font-family:JetBrains Mono,monospace;font-size:.7rem;background:var(--ek-rust);color:#fff;padding:3px 7px;border-radius:2px;letter-spacing:.1em;flex-shrink:0;position:relative;top:-2px}.ek-faq-body{padding:0 0 22px 26px}.ek-faq-body p{margin-bottom:8px;font-size:.96rem;color:var(--ek-ink-soft)}.ek-faq-body p:last-child{margin-bottom:0}.ek-faq-body a{color:var(--ek-rust)}.ek-footer{margin-top:80px;padding-top:36px;border-top:1px solid var(--ek-rule);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ek-ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.ek-footer a{color:var(--ek-rust);text-decoration:none}@media (max-width:700px){.ek-wrap{padding:40px 20px 70px}.ek-title{font-size:1.9rem}.ek-lede{font-size:1.1rem}.ek-answer-text{font-size:1.2rem}.ek-key-white{width:32px;height:120px}.ek-key-black{width:20px;height:75px}.ek-compare-grid{grid-template-columns:1fr}.ek-theory-table{font-size:.85rem}.ek-theory-table td,.ek-theory-table th{padding:10px 8px}.ek-faq details summary{font-size:1.1rem}.ek-faq-body{padding-left:0}}