:root {
  --bg0:#050608;
  --bg1:#0a0c11;
  --panel:rgba(15,17,23,.86);
  --panel2:rgba(7,9,13,.82);
  --stroke:rgba(255,255,255,.10);
  --stroke-strong:rgba(255,255,255,.17);
  --text:#f4f5f8;
  --muted:rgba(244,245,248,.68);
  --muted2:rgba(244,245,248,.43);
  --gold:#d4af37;
  --gold-light:#f4d47a;
  --gold-dark:#9c7422;
  --ok:#59d99c;
  --bad:#ff6d73;
  --shadow:0 28px 90px rgba(0,0,0,.55);
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(900px 560px at 8% 5%,rgba(212,175,55,.08),transparent 62%),radial-gradient(860px 620px at 96% 30%,rgba(80,97,180,.07),transparent 65%),linear-gradient(180deg,var(--bg0),var(--bg1) 64%,#06070a);overflow-x:hidden}
button,input{font:inherit}button{color:inherit}a{color:inherit}
img{max-width:100%}
::selection{background:rgba(212,175,55,.28)}
.site-shell{width:min(1180px,calc(100% - 96px));margin:0 auto}
.site-header{width:min(1180px,calc(100% - 96px));margin:20px auto 0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:10px;z-index:50;border:1px solid var(--stroke);border-radius:18px;background:rgba(6,7,10,.75);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(145deg,rgba(212,175,55,.28),rgba(212,175,55,.05));color:var(--gold-light);font-size:13px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 30px rgba(0,0,0,.42)}.brand strong,.brand small{display:block}.brand strong{font-size:12px;letter-spacing:.2em}.brand small{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.15em}
.header-actions{display:flex;gap:9px;align-items:center}.header-link{padding:9px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent}.header-link:hover{color:var(--text);border-color:var(--stroke)}.header-link.primary{color:#111;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-color:transparent}
.eyebrow{margin:0 0 12px;color:var(--gold-light);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.muted{color:var(--muted)}
h1,h2,h3{margin:0;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(46px,7.5vw,104px);font-weight:790}h2{font-size:clamp(30px,4.4vw,58px);font-weight:740}h3{font-size:clamp(22px,3vw,38px)}
.hero-home{padding:88px 0 52px;max-width:1010px}.hero-home .lede{max-width:780px;margin:24px 0 0;color:rgba(244,245,248,.82);font-size:clamp(18px,2vw,25px);line-height:1.55}.hero-word{background:linear-gradient(120deg,#fff 20%,var(--gold-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.ask-shell{margin-top:38px;max-width:930px;border:1px solid rgba(212,175,55,.24);border-radius:26px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:var(--shadow)}.ask-row{display:grid;grid-template-columns:1fr auto;gap:10px}.ask-input{width:100%;min-height:62px;padding:0 20px;border-radius:17px;border:1px solid var(--stroke);background:rgba(0,0,0,.32);color:var(--text);font-size:17px;outline:none}.ask-input:focus{border-color:rgba(212,175,55,.55);box-shadow:0 0 0 4px rgba(212,175,55,.08)}.ask-button{min-width:150px;border:0;border-radius:17px;padding:0 22px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#111;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.ask-button:hover{filter:brightness(1.04)}
.prompt-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.prompt-chip{padding:9px 11px;border-radius:999px;border:1px solid var(--stroke);background:rgba(0,0,0,.20);color:var(--muted);font-size:11px;cursor:pointer}.prompt-chip:hover{border-color:rgba(212,175,55,.32);color:var(--gold-light)}
.answer-panel{display:none;margin:24px 0 0;max-width:930px;border:1px solid var(--stroke);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(18,20,27,.96),rgba(7,9,13,.94));box-shadow:var(--shadow);overflow:hidden}.answer-panel.show{display:block}.answer-top{padding:24px 26px;border-bottom:1px solid var(--stroke)}.answer-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.match-badge{font-size:9px;color:var(--muted2);letter-spacing:.12em;text-transform:uppercase}.answer-top h2{font-size:clamp(28px,4vw,48px)}.answer-copy{margin:16px 0 0;max-width:800px;color:rgba(244,245,248,.82);line-height:1.755;font-size:16px}.answer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:18px;padding:20px 26px 26px}.answer-steps,.answer-related{border:1px solid var(--stroke);border-radius:18px;padding:18px;background:rgba(0,0,0,.2)}.answer-steps strong,.answer-related strong{display:block;margin-bottom:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.answer-steps ol{margin:0;padding-left:20px;color:var(--muted);line-height:1.755}.answer-steps li+li{margin-top:8px}.answer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:999px;text-decoration:none;border:1px solid var(--stroke);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.button-link.primary{border-color:rgba(212,175,55,.48);background:rgba(212,175,55,.12);color:var(--gold-light)}.button-link:hover{border-color:rgba(212,175,55,.42)}.related-mini{display:grid;gap:8px}.related-mini a{padding:10px 12px;border:1px solid var(--stroke);border-radius:12px;text-decoration:none;color:var(--muted);font-size:12px}.related-mini a:hover{color:var(--text);border-color:rgba(212,175,55,.3)}
.answer-demo{padding:0 26px 28px}
.section{padding:68px 0}.section-head{max-width:780px;margin-bottom:26px}.section-head p:last-child{color:var(--muted);font-size:16px;line-height:1.7}.outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.outcome-card{min-height:170px;padding:20px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,border-color .18s ease,background .18s ease}.outcome-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.32);background:linear-gradient(145deg,rgba(212,175,55,.08),rgba(255,255,255,.015))}.outcome-card .cat{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}.outcome-card h3{font-size:22px}.outcome-card p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.outcome-card span:last-child{margin-top:18px;color:var(--gold-light);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.diagnose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.diagnose-button{min-height:88px;padding:16px;border:1px solid var(--stroke);border-radius:17px;background:rgba(0,0,0,.21);color:var(--text);text-align:left;cursor:pointer}.diagnose-button strong{display:block;font-size:16px}.diagnose-button span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.diagnose-button:hover{border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.055)}
.category-stack{display:grid;gap:16px}.category-block{border:1px solid var(--stroke);border-radius:22px;padding:20px;background:rgba(0,0,0,.16)}.category-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.category-title h3{font-size:27px}.category-title span{color:var(--muted2);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guide-link{padding:13px 14px;border-radius:13px;border:1px solid var(--stroke);text-decoration:none;color:var(--muted);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.guide-link:hover{color:var(--text);border-color:rgba(212,175,55,.3)}.guide-link span:last-child{color:var(--gold-light)}
.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.control-card{padding:18px;border-radius:18px;border:1px solid var(--stroke);background:rgba(0,0,0,.19)}.control-card strong{font-size:16px}.control-card p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.site-footer{width:min(1180px,calc(100% - 96px));margin:50px auto 24px;padding:20px 0;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:14px;color:var(--muted2);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.article-shell{padding:54px 0 80px}.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:28px;color:var(--muted2);font-size:12px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--gold-light)}.article-hero{max-width:920px}.article-hero .answer{max-width:840px;margin:25px 0 0;color:rgba(244,245,248,.84);font-size:clamp(18px,2.1vw,24px);line-height:1.75}.article-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.meta-pill{padding:8px 10px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted);font-size:9px;letter-spacing:.11em;text-transform:uppercase}.quick-fix{margin:32px 0 54px;max-width:900px;padding:20px;border:1px solid rgba(212,175,55,.24);border-radius:24px;background:rgba(212,175,55,.055)}.quick-fix strong{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)}.quick-fix ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 0;padding:0;list-style:none}.quick-fix li{padding:13px;border:1px solid var(--stroke);border-radius:13px;background:rgba(0,0,0,.2);color:var(--muted);font-size:13px;line-height:1.5}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.article-main{min-width:0}.article-section{padding:48px 0;border-top:1px solid var(--stroke)}.article-section:first-child{border-top:0}.article-section h2{font-size:clamp(28px,4vw,48px);margin-bottom:16px}.article-section p,.article-section li{color:var(--muted);font-size:15px;line-height:1.72}.article-section ul,.article-section ol{margin:0;padding-left:22px}.article-section li+li{margin-top:9px}.article-sidebar{position:sticky;top:92px;display:grid;gap:12px}.sidebar-card{padding:17px;border:1px solid var(--stroke);border-radius:18px;background:rgba(0,0,0,.18)}.sidebar-card strong{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.control-chips{display:flex;gap:7px;flex-wrap:wrap}.control-chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.26);color:var(--gold-light);background:rgba(212,175,55,.05);font-size:10px}.sidebar-card p{color:var(--muted);font-size:12px;line-height:1.55}.related-list{display:grid;gap:8px}.related-list a{padding:10px;border:1px solid var(--stroke);border-radius:11px;text-decoration:none;color:var(--muted);font-size:12px}.related-list a:hover{color:var(--text);border-color:rgba(212,175,55,.3)}.mistake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mistake{padding:15px;border:1px solid rgba(255,109,115,.18);border-radius:14px;background:rgba(255,109,115,.035);color:var(--muted);font-size:13px;line-height:1.55}
.kx-continuation{margin-top:34px;padding:24px;border:1px solid rgba(212,175,55,.3);border-radius:22px;background:linear-gradient(145deg,rgba(212,175,55,.085),rgba(255,255,255,.016))}.kx-continuation h3{font-size:30px}.kx-continuation p{color:var(--muted);line-height:1.755}.kx-continuation .button-link{margin-top:8px}
/* Interactive demonstration */
.kickopedia-demo{margin:20px 0}.demo-card{overflow:hidden;border:1px solid var(--stroke);border-radius:var(--radius-xl);background:radial-gradient(700px 240px at 10% 0%,rgba(212,175,55,.07),transparent 70%),linear-gradient(145deg,rgba(19,21,28,.96),rgba(8,10,14,.94));box-shadow:var(--shadow)}.demo-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:22px 22px 18px;border-bottom:1px solid var(--stroke)}.demo-number{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(212,175,55,.3);background:rgba(212,175,55,.07);color:var(--gold-light);font-weight:900;font-size:12px}.demo-title h3{font-size:clamp(23px,3vw,36px)}.demo-title p{margin:8px 0 0;color:var(--muted);line-height:1.55;font-size:13px}.demo-powered{white-space:nowrap;padding:8px 10px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted2);font-size:8px;font-weight:850;letter-spacing:.12em}.demo-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;padding:18px 22px 22px}.visual-panel,.control-panel{min-width:0;border:1px solid var(--stroke);border-radius:18px;background:var(--panel2)}.visual-panel{padding:13px}.visual-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.sound-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.waveform{display:block;width:100%;height:190px;border-radius:14px;border:1px solid var(--stroke);background:rgba(0,0,0,.26)}.transport{display:flex;gap:9px;margin-top:10px}.play-btn,.small-btn,.animate-btn,.try-another{border:1px solid var(--stroke);border-radius:12px;background:rgba(255,255,255,.05);cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.play-btn{flex:1;padding:12px;border-color:rgba(212,175,55,.34);background:rgba(212,175,55,.08);color:var(--gold-light)}.control-panel{padding:18px}.control-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.control-label{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.control-value{font-size:18px;font-weight:850;color:var(--gold-light);font-variant-numeric:tabular-nums}.range-wrap{margin-top:17px}input[type="range"]{width:100%;height:10px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--gold) 45%,var(--gold-dark));border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(212,175,55,.25),0 8px 20px rgba(0,0,0,.7),0 0 16px rgba(212,175,55,.44);cursor:pointer}input[type="range"]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--gold) 45%,var(--gold-dark));border:1px solid rgba(255,255,255,.22);cursor:pointer}.range-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.explanation{margin-top:16px;padding:14px;border:1px solid var(--stroke);border-radius:14px;background:rgba(0,0,0,.2)}.explanation strong{display:block;color:var(--gold-light);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.explanation p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.comparison-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.small-btn{padding:10px}.small-btn.active{border-color:rgba(212,175,55,.4);color:var(--gold-light);background:rgba(212,175,55,.07)}.animate-btn{width:100%;padding:12px;margin-top:8px;background:rgba(255,255,255,.06)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px}.try-another{padding:9px 10px;color:var(--muted)}.demo-status{color:var(--muted2);font-size:9px}.audio-global-status{display:flex;align-items:center;gap:9px;margin:18px 0;color:var(--muted);font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#efb849;box-shadow:0 0 14px rgba(239,184,73,.7)}.status-dot.ready{background:var(--ok);box-shadow:0 0 14px rgba(89,217,156,.7)}.status-dot.error{background:var(--bad);box-shadow:0 0 14px rgba(255,109,115,.7)}
@media(max-width:980px){.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-body{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-fix ul{grid-template-columns:1fr}.mistake-grid{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr}}
@media(max-width:680px){.site-header{width:min(100% - 20px,1180px)}.header-actions .header-link:not(.primary){display:none}.site-shell{width:min(100% - 24px,1180px)}.hero-home{padding-top:58px}.ask-row{grid-template-columns:1fr}.ask-button{min-height:52px}.answer-top,.answer-grid,.answer-demo{padding-left:16px;padding-right:16px}.outcome-grid,.diagnose-grid,.guide-list,.control-grid{grid-template-columns:1fr}.section{padding:50px 0}.site-footer{width:min(100% - 24px,1180px);flex-direction:column}.article-shell{padding-top:38px}.article-sidebar{grid-template-columns:1fr}.demo-head{grid-template-columns:auto minmax(0,1fr);padding-left:15px;padding-right:15px}.demo-powered{grid-column:2;justify-self:start}.demo-body{padding-left:15px;padding-right:15px}.waveform{height:160px}.transport{flex-direction:column}.card-footer{align-items:flex-start;flex-direction:column}.quick-fix{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.outcome-card{transition:none}}

/* Kickopedia V2.1 */
:root{--cyan:#63d9ff;--violet:#9d7cff;--green:#4ee0a1}
.v2-badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(99,217,255,.32);background:rgba(99,217,255,.08);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#c8f3ff}
.answer-diagnostic{display:grid;gap:10px;margin-top:18px}.clarify-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.clarify-option{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;text-align:left;cursor:pointer}.clarify-option:hover{border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.08)}
.mechanism-list,.answer-source-list{display:grid;gap:10px}.mechanism-item{padding:12px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
.answer-confidence{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.confidence-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.confidence-dot.medium{background:#ffb020}.confidence-dot.low{background:#ff6b6b}
.search-status{margin-top:10px;color:var(--muted);font-size:12px}.answer-no-match{padding:24px;border:1px solid rgba(255,176,32,.28);background:rgba(255,176,32,.07);border-radius:18px}
.calibration-shell{max-width:1400px;margin:0 auto;padding:32px 24px}.calibration-toolbar{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:2fr 1fr auto auto;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,10,15,.94);backdrop-filter:blur(16px)}.calibration-toolbar select,.calibration-toolbar button{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#11151e;color:#fff;padding:0 12px}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:18px;margin-top:20px}.candidate-card{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}.rating-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.rating-row label{display:grid;gap:6px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rating-row select,.rating-row textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0d1118;color:#fff;padding:9px}.calibration-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.calibration-actions button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 11px;cursor:pointer}.calibration-actions button.hero{border-color:rgba(212,175,55,.6);background:rgba(212,175,55,.12)}.calibration-actions button.approved{border-color:rgba(78,224,161,.5);background:rgba(78,224,161,.1)}.calibration-actions button.excluded{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.1)}
.registry-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px}.registry-table{border-collapse:collapse;width:100%;min-width:1000px}.registry-table th,.registry-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;font-size:12px}.registry-table th{position:sticky;top:0;background:#11151e;z-index:2}
.article-review-note{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,176,32,.25);background:rgba(255,176,32,.07);font-size:12px;color:#f6d79b}
.source-method{font-size:13px;color:var(--muted);line-height:1.75}.article-section h2{scroll-margin-top:90px}
@media(max-width:800px){.calibration-toolbar{grid-template-columns:1fr}.candidate-grid{grid-template-columns:1fr}.rating-row{grid-template-columns:1fr}}

/* V2.1 product-control integrity update */
.demo-powered.product{color:var(--gold-light);border-color:rgba(212,175,55,.34);background:rgba(212,175,55,.06)}
.demo-powered.experiment{color:#a9d7ff;border-color:rgba(108,183,255,.3);background:rgba(70,142,212,.08)}
.recipe-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.recipe-heading>span{font-size:10px;font-weight:900;letter-spacing:.12em}.recipe-heading small{color:var(--muted2);font-size:8px;letter-spacing:.1em}.linked-recipe-note{padding:10px 11px;margin-bottom:11px;border:1px solid var(--stroke);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.025);font-size:10px;line-height:1.45}.recipe-controls{display:grid;gap:10px}.recipe-control{padding:11px;border:1px solid var(--stroke);border-radius:13px;background:rgba(0,0,0,.16)}.recipe-control-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px}.recipe-control .control-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-source{padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.control-source.product{color:var(--gold-light);border:1px solid rgba(212,175,55,.30);background:rgba(212,175,55,.06)}.control-source.experiment{color:#a9d7ff;border:1px solid rgba(108,183,255,.28);background:rgba(70,142,212,.07)}.recipe-control input[type="range"]{margin-top:10px}.control-note{margin:8px 0 0;color:var(--muted2);font-size:9px;line-height:1.4}.select-progress{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:8px;margin-top:10px;color:var(--muted2);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.select-progress-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.select-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(212,175,55,.35),var(--gold-light));transition:width .12s linear}.control-panel{max-height:none}.range-labels{gap:12px}.range-labels span:last-child{text-align:right}
@media(max-width:680px){.recipe-control-top{grid-template-columns:minmax(0,1fr) auto}.recipe-control-top .control-value{grid-column:1/-1;font-size:16px}.recipe-heading{align-items:flex-start;flex-direction:column}.demo-powered{max-width:100%;white-space:normal;line-height:1.3}}

/* Kickopedia V3: broad answer modes and honest product fit */
.v3-badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(157,124,255,.34);background:rgba(157,124,255,.09);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ddd4ff}
.fit-card{margin-top:18px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;background:rgba(255,255,255,.025)}
.fit-card.fit-strong{border-color:rgba(78,224,161,.32);background:rgba(78,224,161,.06)}.fit-card.fit-partial{border-color:rgba(255,176,32,.30);background:rgba(255,176,32,.055)}.fit-card.fit-none{border-color:rgba(99,217,255,.26);background:rgba(99,217,255,.045)}
.fit-label{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.fit-boundary{font-size:12px;color:var(--muted);margin-bottom:0}.fit-card h3{margin:0 0 7px}.fit-card p{line-height:1.752}
.intent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.intent-card{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025)}.intent-card strong{display:block;margin-bottom:7px}.intent-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}
.article-fit{margin:22px 0;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}.article-fit.strong{border-color:rgba(78,224,161,.3)}.article-fit.partial{border-color:rgba(255,176,32,.28)}.article-fit.none{border-color:rgba(99,217,255,.24)}
.comparison-table{width:100%;border-collapse:collapse;margin-top:14px}.comparison-table th,.comparison-table td{padding:11px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}.comparison-table th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.article-badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.article-badges span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.fit-card{grid-template-columns:1fr}.fit-card .answer-actions{justify-content:flex-start}.comparison-table{font-size:12px}}

/* Kickopedia V4 search acquisition */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hub-hero{padding:70px 0 34px;max-width:960px}.hub-hero .lede{margin-top:22px;max-width:800px;color:var(--muted);font-size:20px;line-height:1.755}.hub-question-strip{padding:18px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.025)}.hub-question-strip>strong{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)}.hub-question-strip .prompt-chip{text-decoration:none;display:inline-flex}.answer-first{margin:24px 0 0;padding:20px;border:1px solid rgba(212,175,55,.24);border-radius:24px;background:rgba(212,175,55,.045)}.answer-first .answer{margin:12px 0 0}.binary-answer{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.32);background:rgba(212,175,55,.08);color:var(--gold-light);font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.binary-no{border-color:rgba(255,109,115,.32);background:rgba(255,109,115,.07);color:#ffc3c6}.binary-depends{border-color:rgba(99,217,255,.3);background:rgba(99,217,255,.06);color:#c9f3ff}.hub-link{display:block;margin-top:10px;color:var(--gold-light);text-decoration:none;line-height:1.45}.methodology{border-left:2px solid rgba(99,217,255,.35);padding-left:20px}.evidence-caption{color:var(--muted);line-height:1.75}.v4-badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.34);background:rgba(212,175,55,.08);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}.article-section ol,.article-section ul{color:var(--muted);line-height:1.72}.article-section li+li{margin-top:8px}@media(max-width:680px){.hub-hero{padding-top:45px}.hub-hero .lede{font-size:17px}.answer-first{padding:16px}}


/* ===== Kickopedia V4.1: inline demonstration layer ===== */
.answer-demo-inline{padding:22px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:linear-gradient(180deg,rgba(212,175,55,.025),rgba(0,0,0,.06))}
.inline-demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.inline-demo-heading h3{margin:10px 0 6px;font-size:clamp(24px,3vw,38px)}
.inline-demo-heading p{max-width:700px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.inline-demo-heading>a{white-space:nowrap;color:var(--gold-light);font-size:12px;text-decoration:none}
.inline-demo-error{padding:16px;border:1px solid rgba(255,109,115,.2);border-radius:14px;color:var(--muted);background:rgba(255,109,115,.04)}
.compact-demo{margin:0}
.compact-demo .demo-card{box-shadow:none;border-radius:24px}
.compact-demo .demo-head{padding:16px 18px 13px;gap:12px}
.compact-demo .demo-number{width:34px;height:34px;border-radius:11px}
.compact-demo .demo-title h3{font-size:clamp(19px,2.5vw,28px)}
.compact-demo .demo-title p{font-size:12px}
.compact-demo .demo-body{grid-template-columns:minmax(220px,.68fr) minmax(320px,1.32fr);padding:14px 18px 18px}
.compact-demo .waveform{height:90px}
.compact-demo .visual-panel,.compact-demo .control-panel{border-radius:15px}
.compact-demo .control-panel{padding:14px}
.compact-demo .recipe-control{padding:10px 0}
.compact-demo .control-note,.compact-demo .linked-recipe-note{display:none}
.compact-demo .explanation{padding:11px;margin-top:10px}
.compact-demo .animate-btn{padding:10px}
.compact-demo .card-footer{margin-top:8px}
.featured-evidence{margin:28px 0 34px;padding:26px;border:1px solid rgba(212,175,55,.22);border-radius:24px;background:radial-gradient(700px 220px at 10% 0%,rgba(212,175,55,.06),transparent 70%),rgba(255,255,255,.018)}
.featured-evidence>h2{font-size:clamp(30px,4vw,50px)}
.featured-evidence .kickopedia-demo{margin-bottom:0}
.hub-inline-demos{padding:54px 0 8px}
.hub-inline-demos .section-head{max-width:850px}
.hub-demo-list{display:grid;gap:14px;margin-top:24px}
.hub-demo-preview{border:1px solid var(--stroke);border-radius:24px;background:rgba(255,255,255,.022);overflow:hidden}
.hub-demo-preview summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;cursor:pointer;list-style:none}
.hub-demo-preview summary::-webkit-details-marker{display:none}
.hub-demo-preview summary h3{margin:6px 0;font-size:clamp(20px,2.8vw,30px)}
.hub-demo-preview summary p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.hub-demo-preview summary .preview-action{color:var(--gold-light);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hub-demo-preview[open] summary{border-bottom:1px solid var(--stroke)}
.hub-demo-body{padding:18px}
.hub-demo-body>.hub-demo-links{display:flex;justify-content:flex-end;margin-top:12px}
.hub-demo-body>.hub-demo-links a{color:var(--gold-light);font-size:12px;text-decoration:none}
@media(max-width:900px){.compact-demo .demo-body{grid-template-columns:1fr}.compact-demo .waveform{height:120px}}
@media(max-width:680px){.answer-demo-inline{padding:16px}.inline-demo-heading{align-items:flex-start;flex-direction:column}.inline-demo-heading>a{white-space:normal}.featured-evidence{padding:17px;margin-top:22px}.hub-demo-preview summary{grid-template-columns:1fr}.compact-demo .demo-head{padding-left:13px;padding-right:13px}.compact-demo .demo-body{padding-left:13px;padding-right:13px}.compact-demo .waveform{height:110px}}

/* ===== Kickopedia V5: expert knowledge system ===== */
.hero{padding:82px 0 54px;max-width:1040px}.hero h1{font-size:clamp(48px,8vw,102px);line-height:.94;letter-spacing:-.055em;max-width:920px}.hero-copy{max-width:800px;margin:24px 0 0;color:var(--muted);font-size:clamp(17px,2.2vw,23px);line-height:1.75}.question-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:30px;padding:10px;border:1px solid rgba(212,175,55,.24);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:var(--shadow)}.question-form input{min-width:0;min-height:58px;padding:0 16px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px}.question-form button{min-height:58px;padding:0 24px;border:1px solid rgba(212,175,55,.44);border-radius:14px;background:linear-gradient(180deg,rgba(212,175,55,.26),rgba(212,175,55,.1));color:var(--text);font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.example-questions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.example-questions button,.clarification-options button{padding:9px 12px;border:1px solid var(--stroke);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer}.example-questions button:hover,.clarification-options button:hover{border-color:rgba(212,175,55,.45);color:var(--gold-light)}.answer-panel{display:none;margin-top:26px;border:1px solid var(--stroke);border-radius:24px;overflow:hidden;background:rgba(9,11,16,.86);box-shadow:var(--shadow)}.answer-panel.show{display:block}.answer-top{padding:26px}.answer-kicker{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.answer-copy{font-size:18px;line-height:1.7;color:var(--text)}.answer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px 26px;border-top:1px solid var(--stroke)}.answer-grid ol{color:var(--muted);line-height:1.7}.answer-related{padding:18px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.025)}.answer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.answer-clarify{padding:18px 26px;border-top:1px solid var(--stroke);background:rgba(99,217,255,.035)}.clarification-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.system-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 0 66px}.system-proof>div{padding:18px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.025)}.system-proof strong{display:block;color:var(--gold-light);font-size:28px}.system-proof span{display:block;margin-top:5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.topic-section{padding:68px 0}.topic-section>h2{max-width:860px;font-size:clamp(38px,6vw,72px)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px}.topic-card{min-height:160px;padding:20px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.topic-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.38)}.topic-card span{font-size:18px;font-weight:850}.topic-card p{color:var(--muted);font-size:13px;line-height:1.55}.methodology-callout{margin:46px 0 86px;padding:32px;border:1px solid rgba(99,217,255,.2);border-radius:24px;background:radial-gradient(700px 240px at 10% 0%,rgba(99,217,255,.06),transparent 70%),rgba(255,255,255,.02)}.methodology-callout h2{font-size:clamp(32px,5vw,58px)}.methodology-callout p{max-width:860px;color:var(--muted);line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 70px}.guide-card{display:block;padding:20px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.025);color:var(--text);text-decoration:none}.guide-card:hover{border-color:rgba(212,175,55,.4)}.guide-card h3{font-size:20px}.guide-card p{color:var(--muted);font-size:13px;line-height:1.55}.guide-card small{color:var(--muted2)}.guide-intent{display:inline-flex;padding:5px 8px;border:1px solid var(--stroke);border-radius:999px;color:var(--gold-light);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.source-list{display:grid;gap:8px}.source-list a{color:var(--gold-light)}.source-list span{color:var(--muted2)}
@media(max-width:980px){.topic-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.hero{padding-top:56px}.question-form{grid-template-columns:1fr}.question-form button{width:100%}.topic-grid,.guide-grid,.system-proof{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.answer-top,.answer-clarify{padding-left:16px;padding-right:16px}}


/* ===== V5.2 Artist Reconstruction Mode ===== */
.artist-answer-top{background:linear-gradient(145deg,rgba(212,175,55,.09),rgba(255,255,255,.015));}
.artist-role{margin-top:16px;color:rgba(244,245,248,.78);font-size:16px;line-height:1.55}
.artist-traits{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.artist-traits span,.artist-era{border:1px solid rgba(212,175,55,.26);background:rgba(212,175,55,.07);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#f4d47a}
.artist-general-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:28px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018)}
.artist-general-grid h3,.artist-reference-picker h3,.artist-track-head h3{font-size:clamp(22px,3vw,34px);margin:10px 0 12px}
.artist-general-grid ol{margin:15px 0 0;padding-left:22px;color:rgba(244,245,248,.76);line-height:1.7}
.artist-recipe{border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;margin-top:12px;background:rgba(0,0,0,.18)}
.artist-recipe-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.065);font-size:13px}
.artist-recipe-row:last-child{border-bottom:0}.artist-recipe-row span{color:rgba(244,245,248,.62);font-weight:750;letter-spacing:.05em;text-transform:uppercase}.artist-recipe-row strong{font-variant-numeric:tabular-nums;color:#f4d47a}
.artist-reference-picker{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:22px;padding:30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,8,11,.72)}
.artist-reference-picker p{color:rgba(244,245,248,.62);line-height:1.55}
.artist-track-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.artist-track-buttons button{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#f4f5f8;border-radius:15px;padding:15px;cursor:pointer;transition:.18s ease}
.artist-track-buttons button:hover,.artist-track-buttons button.active{border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.095);transform:translateY(-1px)}
.artist-track-buttons strong,.artist-track-buttons span{display:block}.artist-track-buttons strong{font-size:15px;margin-bottom:5px}.artist-track-buttons span{font-size:11px;color:rgba(244,245,248,.5);letter-spacing:.08em}
.artist-track-detail{padding:30px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08))}
.artist-track-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.artist-track-head p{max-width:760px;color:rgba(244,245,248,.7);line-height:1.75}
.artist-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px;margin-top:18px}.artist-detail-grid>section,.artist-external{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16);border-radius:18px;padding:18px}.artist-detail-grid ul,.artist-external ul{padding-left:20px;color:rgba(244,245,248,.72);line-height:1.755}.artist-why{color:rgba(244,245,248,.74);line-height:1.75}
.artist-external{margin-top:18px}.artist-demo{margin-top:18px}.artist-integrity{padding:22px 30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,176,32,.035)}.artist-integrity p{color:rgba(244,245,248,.62);line-height:1.75;margin:7px 0 0}
.article-artist-mode{margin:0 0 28px;border:1px solid rgba(212,175,55,.24);border-radius:24px;overflow:hidden;background:#0a0b0f}.article-artist-mode .artist-general-grid,.article-artist-mode .artist-reference-picker,.article-artist-mode .artist-track-detail{padding:24px}
@media(max-width:820px){.artist-general-grid,.artist-reference-picker,.artist-detail-grid{grid-template-columns:1fr}.artist-track-buttons{grid-template-columns:1fr}.artist-track-head{display:block}.artist-era{display:inline-flex;margin-top:8px}}

.static-artist-track{display:none;padding:24px}.static-artist-track.active{display:block}.static-artist-track-wrap{border-top:1px solid rgba(255,255,255,.08)}


/* ===== Kickopedia V5.3: domain-aware historical templates ===== */
.history-article .article-hero{max-width:1080px}.history-definition{margin:24px 0;padding:24px;border:1px solid rgba(99,217,255,.2);border-radius:24px;background:rgba(99,217,255,.035)}.history-definition ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.history-definition li{padding:13px;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.025);color:var(--muted)}.history-timeline-list{display:grid;gap:12px;margin-top:18px}.history-milestone{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:18px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.022)}.history-year{color:var(--gold-light);font-size:24px;font-weight:950;letter-spacing:-.03em}.history-milestone h3{margin:0 0 8px;font-size:22px}.history-milestone p{margin:0 0 9px;color:var(--muted);line-height:1.75}.history-milestone small{color:var(--muted2);line-height:1.5}.table-scroll{overflow-x:auto}.history-article .comparison-table{min-width:760px}.article-fit.none .button-link{margin-top:8px}@media(max-width:680px){.history-definition ul{grid-template-columns:1fr}.history-milestone{grid-template-columns:1fr}.history-year{font-size:20px}}


/* ===== Kickopedia V5.4: universal KX bridge and artist-first routing ===== */
.kx-universal-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:28px;padding:26px;border:1px solid rgba(210,176,83,.38);border-radius:22px;background:radial-gradient(circle at 90% 15%,rgba(210,176,83,.12),transparent 38%),rgba(255,255,255,.025)}.kx-universal-bridge h2,.kx-universal-bridge h3{margin:8px 0 10px}.kx-universal-bridge p{margin:0 0 8px;color:var(--muted);line-height:1.755}.kx-universal-bridge .button-link{white-space:nowrap}.answer-history-timeline,.answer-history-evidence{margin-top:18px;padding:22px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.02)}.history-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.history-mini{padding:16px;border:1px solid var(--stroke);border-radius:15px;background:rgba(255,255,255,.022)}.history-mini p{color:var(--muted);line-height:1.55}.history-mini small{color:var(--muted2)}.artist-static-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artist-static-track{padding:18px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.022)}.artist-static-track h3{margin:0 0 5px}.artist-static-track small{color:var(--gold-light)}.artist-static-track p{color:var(--muted);line-height:1.55}@media(max-width:760px){.kx-universal-bridge{grid-template-columns:1fr}.kx-universal-bridge .button-link{width:100%;text-align:center}.history-mini-grid,.artist-static-track-grid{grid-template-columns:1fr}}


/* ===== Kickopedia V5.5 complete profiles ===== */
.artist-recipe-row strong{font-variant-numeric:tabular-nums}.artist-track-buttons button span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-general-grid h3{max-width:650px}.answer-top h2{max-width:1120px}.artist-static-track .artist-recipe{margin-top:14px}.artist-static-track .artist-recipe-row{font-size:12px}.artist-integrity{margin-top:20px;padding:18px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.02)}

/* V5.7: semantic recipe compiler */
.semantic-customization-strip,
.semantic-understood,
.semantic-variations,
.semantic-structured {
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 28px 32px;
  background: rgba(255,255,255,.012);
}
.semantic-customization-strip > div,
.semantic-understood > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.semantic-customization-strip span span,
.semantic-customization-strip > div > span,
.semantic-understood > div > span {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  min-width: 150px;
  padding: 12px 14px;
  border: 1px solid rgba(212,175,55,.24);
  border-radius: 14px;
  background: rgba(212,175,55,.055);
  color: rgba(244,245,248,.82);
}
.semantic-understood strong {
  color: #f2cf69;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.semantic-confidence {
  margin-left: auto;
  color: rgba(244,245,248,.46);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.semantic-answer-top .answer-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
}
.semantic-recipe-grid {
  align-items: start;
}
.semantic-external {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.semantic-external ul {
  margin: 10px 0 0 18px;
  color: rgba(244,245,248,.66);
}
.semantic-variations > div:first-child {
  margin-bottom: 18px;
}
.semantic-variations h3 {
  margin: 10px 0 0;
  font-size: clamp(22px,2.2vw,34px);
}
.semantic-refine-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.semantic-refine-chips button,
.semantic-structured button {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.035);
  color: rgba(244,245,248,.8);
  cursor: pointer;
}
.semantic-refine-chips button:hover,
.semantic-structured button:hover {
  border-color: rgba(212,175,55,.56);
  color: #fff;
}
.semantic-structured {
  color: rgba(244,245,248,.74);
}
.semantic-structured summary {
  cursor: pointer;
  font-weight: 700;
  color: #f4f5f8;
}
.semantic-structured pre {
  overflow-x: auto;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: #07080b;
  color: rgba(244,245,248,.72);
  font: 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.helpful-fallback p {
  max-width: 760px;
  color: rgba(244,245,248,.64);
  font-size: 18px;
  line-height:1.755;
}
.kx-mode-build {
  background: linear-gradient(135deg,rgba(212,175,55,.09),rgba(255,255,255,.015));
}
@media (max-width: 720px) {
  .semantic-customization-strip,
  .semantic-understood,
  .semantic-variations,
  .semantic-structured { padding: 22px 20px; }
  .semantic-confidence { display:none; }
  .semantic-understood > div > span { min-width: calc(50% - 8px); }
}


/* V6.1 intentional build flow */
.kx-build-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0 4px;padding:16px;border:1px solid rgba(212,175,55,.3);border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(255,255,255,.02));}
.kx-build-copy{display:grid;gap:5px;max-width:54ch}.kx-build-copy strong{color:#f1cf71;letter-spacing:.06em}.kx-build-copy span{color:rgba(244,245,248,.66);font-size:.9rem;line-height:1.5}
.kx-build-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kx-copy-settings{border:1px solid rgba(244,212,122,.42);cursor:pointer;font:inherit;background:rgba(255,255,255,.04);color:inherit}
@media(max-width:720px){.kx-build-actions{align-items:stretch}.kx-build-buttons{display:grid;width:100%}.kx-build-buttons .button-link{width:100%;text-align:center;justify-content:center}}
/* =========================================================
   Kickopedia V6.2: Light Editorial Theme
   Knowledge stays light and readable; playable KX1000 demos
   remain dark to preserve the product-world transition.
   ========================================================= */
:root{
  --bg0:#f6f4ee;
  --bg1:#efede6;
  --panel:#ffffff;
  --panel2:#f2f0e9;
  --stroke:rgba(17,18,20,.12);
  --stroke-strong:rgba(17,18,20,.20);
  --text:#111214;
  --muted:rgba(17,18,20,.67);
  --muted2:rgba(17,18,20,.45);
  --gold:#b58a2a;
  --gold-light:#c59a39;
  --gold-dark:#7d5a12;
  --shadow:0 24px 70px rgba(35,31,22,.10);
}
html{color-scheme:light}
body{
  color:var(--text);
  background:
    radial-gradient(900px 560px at 8% 5%,rgba(181,138,42,.10),transparent 62%),
    radial-gradient(860px 620px at 96% 30%,rgba(92,105,145,.055),transparent 65%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 68%,#f7f5ef);
}
::selection{background:rgba(181,138,42,.22)}

/* Header and navigation */
.site-header{
  border-color:rgba(17,18,20,.11);
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 44px rgba(35,31,22,.09);
}
.brand-mark{
  border-color:rgba(181,138,42,.40);
  background:linear-gradient(145deg,rgba(181,138,42,.20),rgba(181,138,42,.045));
  color:#8b6516;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.70),0 8px 24px rgba(46,39,24,.10);
}
.header-link.primary{
  color:#fff;
  background:#111214;
  box-shadow:0 8px 20px rgba(17,18,20,.15);
}
.header-link.primary:hover{background:#2a2b2e;color:#fff}
.eyebrow{color:#8c681b}
.hero-word{background:linear-gradient(120deg,#111214 20%,#a3771d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-home .lede,.hero-copy,.article-hero .answer,.answer-copy{color:rgba(17,18,20,.78)}

/* Search and prompt controls */
.ask-shell,.question-form{
  border-color:rgba(181,138,42,.28);
  background:rgba(255,255,255,.80);
  box-shadow:0 18px 60px rgba(35,31,22,.10);
}
.ask-input{
  border-color:rgba(17,18,20,.12);
  background:#fff;
  color:var(--text);
}
.question-form input{color:var(--text)}
.question-form button,.ask-button{
  border-color:#111214;
  background:#111214;
  color:#fff;
}
.question-form button:hover,.ask-button:hover{background:#2a2b2e}
.prompt-chip,.example-questions button,.clarification-options button{
  border-color:rgba(17,18,20,.12);
  background:rgba(255,255,255,.72);
  color:var(--muted);
}
.prompt-chip:hover,.example-questions button:hover,.clarification-options button:hover{
  border-color:rgba(181,138,42,.42);
  color:#8c681b;
  background:#fffaf0;
}

/* General editorial panels and cards */
.answer-panel,
.answer-panel.show{
  border-color:rgba(17,18,20,.11);
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 72px rgba(35,31,22,.12);
}
.answer-top,.answer-grid,.answer-clarify{border-color:rgba(17,18,20,.10)}
.answer-steps,.answer-related,.related-mini a,
.outcome-card,.diagnose-button,.category-block,.guide-link,.control-card,
.topic-card,.guide-card,.system-proof>div,.methodology-callout,
.quick-fix,.article-card,.article-section,.article-sidebar>section,
.comparison-card,.evidence-card,.mistake-card,.decision-card,
.hub-demo-preview,.history-definition,.history-milestone,
.answer-history-timeline,.answer-history-evidence,.history-mini,
.artist-static-track,.artist-integrity,.semantic-customization-strip,
.semantic-understood,.semantic-variations,.semantic-structured{
  border-color:rgba(17,18,20,.11);
  background:rgba(255,255,255,.72);
}
.outcome-card,.topic-card{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,246,240,.90));
  box-shadow:0 10px 30px rgba(35,31,22,.045);
}
.outcome-card:hover,.topic-card:hover,.guide-card:hover,.guide-link:hover{
  border-color:rgba(181,138,42,.38);
  background:#fffdf8;
}
.diagnose-button:hover{border-color:rgba(181,138,42,.38);background:#fffaf0}
.answer-steps,.answer-related,.category-block,.control-card,.guide-card,.system-proof>div{
  background:rgba(255,255,255,.78);
}
.answer-clarify,.methodology-callout{
  background:radial-gradient(700px 240px at 10% 0%,rgba(79,143,166,.055),transparent 70%),rgba(255,255,255,.72);
}
.quick-fix,.kx-continuation,.kx-universal-bridge,.kx-build-actions{
  border-color:rgba(181,138,42,.30);
  background:radial-gradient(circle at 90% 15%,rgba(181,138,42,.10),transparent 38%),#fffaf0;
}
.kx-build-copy strong{color:#8c681b}
.kx-build-copy span{color:var(--muted)}
.kx-copy-settings{background:#fff;color:#111214;border-color:rgba(181,138,42,.42)}
.button-link{border-color:rgba(17,18,20,.14)}
.button-link.primary{
  border-color:#111214;
  background:#111214;
  color:#fff;
}
.button-link.primary:hover{background:#2a2b2e;border-color:#2a2b2e;color:#fff}
.button-link:not(.primary):hover{border-color:rgba(181,138,42,.42);color:#8c681b}

/* Article reading experience */
.article-shell{color:#111214}
.article-hero .answer,.article-section p,.article-section li,
.article-main p,.article-main li,.article-sidebar p,
.history-milestone p,.history-mini p,.artist-static-track p,
.methodology-callout p,.guide-card p,.topic-card p{color:var(--muted)}
.article-meta .meta-pill,.meta-pill{border-color:rgba(17,18,20,.12);color:var(--muted)}
.breadcrumbs{color:var(--muted2)}
.breadcrumbs a:hover{color:#8c681b}
.article-grid{border-color:rgba(17,18,20,.10)}
.comparison-table th,.comparison-table td{border-color:rgba(17,18,20,.11)}
.comparison-table th{background:#f1eee6;color:#111214}
.comparison-table td{background:rgba(255,255,255,.70);color:var(--muted)}
.history-definition{border-color:rgba(70,133,157,.22);background:#f4fafb}
.history-definition li{background:#fff;color:var(--muted);border-color:rgba(17,18,20,.10)}
.history-year,.artist-static-track small,.guide-intent,.source-list a,
.outcome-card span:last-child,.guide-link span:last-child{color:#8c681b}
.site-footer{border-color:rgba(17,18,20,.12);color:var(--muted2)}

/* Artist and semantic answer surfaces */
.artist-answer-top{background:linear-gradient(145deg,rgba(181,138,42,.08),rgba(255,255,255,.82))}
.artist-role,.artist-general-grid ol,.artist-reference-picker p,
.artist-track-head p,.artist-detail-grid ul,.artist-external ul,.artist-why,
.artist-integrity p,.semantic-external ul,.semantic-structured{color:var(--muted)}
.artist-traits span,.artist-era{
  border-color:rgba(181,138,42,.30);
  background:rgba(181,138,42,.08);
  color:#8c681b;
}
.artist-general-grid,.artist-reference-picker,.artist-track-detail{
  border-color:rgba(17,18,20,.10);
  background:rgba(255,255,255,.72);
}
.artist-reference-picker{background:#f4f1ea}
.artist-track-buttons button{
  border-color:rgba(17,18,20,.12);
  background:#fff;
  color:#111214;
}
.artist-track-buttons button:hover,.artist-track-buttons button.active{
  border-color:rgba(181,138,42,.52);
  background:#fff8e8;
}
.artist-track-buttons button span{color:var(--muted2)}
.article-artist-mode{border-color:rgba(181,138,42,.26);background:#fff}
.artist-detail-grid>section,.artist-external{
  border-color:rgba(17,18,20,.11);
  background:#fff;
}
.artist-recipe{
  border-color:rgba(17,18,20,.11);
  background:#fff;
  box-shadow:0 8px 24px rgba(35,31,22,.05);
}
.artist-recipe-row{border-color:rgba(17,18,20,.075)}
.artist-recipe-row span{color:var(--muted)}
.artist-recipe-row strong{color:#8c681b}
.semantic-customization-strip span span,
.semantic-customization-strip>div>span,
.semantic-understood>div>span{
  border-color:rgba(181,138,42,.25);
  background:#fff8e8;
  color:rgba(17,18,20,.82);
}
.semantic-understood strong{color:#8c681b}
.semantic-confidence{color:var(--muted2)}
.semantic-refine-chips button,.semantic-structured button{
  border-color:rgba(17,18,20,.14);
  background:#fff;
  color:var(--muted);
}
.semantic-refine-chips button:hover,.semantic-structured button:hover{border-color:rgba(181,138,42,.50);color:#111214}

/* Dark KX1000 demonstration islands */
.kickopedia-demo,.demo-card,.compact-demo,.answer-demo-inline .demo-card,
.artist-demo .demo-card,.hub-demo-body .demo-card{
  --panel:rgba(15,17,23,.86);
  --panel2:rgba(7,9,13,.82);
  --stroke:rgba(255,255,255,.10);
  --stroke-strong:rgba(255,255,255,.17);
  --text:#f4f5f8;
  --muted:rgba(244,245,248,.68);
  --muted2:rgba(244,245,248,.43);
  --gold:#d4af37;
  --gold-light:#f4d47a;
  --gold-dark:#9c7422;
  color:#f4f5f8;
}
.demo-card{
  border-color:rgba(255,255,255,.10);
  background:radial-gradient(700px 240px at 10% 0%,rgba(212,175,55,.07),transparent 70%),linear-gradient(145deg,rgba(19,21,28,.98),rgba(8,10,14,.97));
  box-shadow:0 24px 70px rgba(17,18,20,.24);
}
.demo-card .demo-head,.demo-card .visual-panel,.demo-card .control-panel,
.demo-card .explanation,.demo-card .artist-recipe,.demo-card .artist-recipe-row{
  border-color:rgba(255,255,255,.10);
}
.demo-card .visual-panel,.demo-card .control-panel{background:rgba(7,9,13,.82)}
.demo-card .waveform{background:rgba(0,0,0,.28)}
.demo-card .demo-title p,.demo-card .sound-name,.demo-card .explanation p,
.demo-card .range-labels,.demo-card .try-another,.demo-card .demo-status,
.demo-card .artist-recipe-row span{color:rgba(244,245,248,.65)}
.demo-card .control-label,.demo-card .demo-title h3{color:#f4f5f8}
.demo-card .control-value,.demo-card .explanation strong,.demo-card .play-btn,
.demo-card .small-btn.active,.demo-card .artist-recipe-row strong{color:#f4d47a}
.demo-card .play-btn,.demo-card .small-btn,.demo-card .animate-btn,.demo-card .try-another{
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:#f4f5f8;
}
.demo-card .play-btn{border-color:rgba(212,175,55,.34);background:rgba(212,175,55,.09);color:#f4d47a}
.demo-card input[type="range"]{background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(255,255,255,.10))}

/* Keep inline demo wrapper editorially light while its player stays dark */
.answer-demo-inline{border-color:rgba(17,18,20,.11);background:#f2f0e9}
.inline-demo-heading p{color:var(--muted)}
.inline-demo-heading>a{color:#8c681b}
.hub-demo-preview summary .preview-action,.hub-demo-body>.hub-demo-links a{color:#8c681b}

@media(max-width:680px){
  .site-header{background:rgba(255,255,255,.92)}
}


/* =========================================================
   Kickopedia V6.3: Authority and Navigation Polish
   Removes internal metrics/metadata from public surfaces,
   improves reader contrast, and tightens editorial rhythm.
   ========================================================= */
:root{
  --bg0:#faf9f6;
  --bg1:#f4f2ec;
  --muted:rgba(17,18,20,.74);
  --muted2:rgba(17,18,20,.54);
}
body{
  background:
    radial-gradient(900px 560px at 8% 5%,rgba(181,138,42,.075),transparent 62%),
    radial-gradient(860px 620px at 96% 30%,rgba(92,105,145,.04),transparent 65%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 72%,#faf9f6);
}
.hero{padding:72px 0 46px}
.hero h1{font-size:clamp(46px,7.35vw,94px)}
.hero-copy{color:rgba(17,18,20,.78)}

/* Replace development statistics with useful navigation paths. */
.entry-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 0 48px}
.entry-path-card{min-height:176px;padding:19px;border:1px solid rgba(17,18,20,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,246,240,.92));box-shadow:0 10px 30px rgba(35,31,22,.045);text-decoration:none;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.entry-path-card:hover{transform:translateY(-2px);border-color:rgba(181,138,42,.40);background:#fffdf8}
.entry-path-kicker{color:#8c681b;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.entry-path-card strong{margin-top:10px;font-size:20px;letter-spacing:-.025em}
.entry-path-card p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.entry-path-card em{margin-top:auto;padding-top:16px;color:#8c681b;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.topic-section{padding:48px 0 64px}
.topic-section>h2{font-size:clamp(36px,5.4vw,66px)}
.topic-grid{margin-top:24px}
.topic-card{min-height:142px;padding:18px;display:flex;flex-direction:column}
.topic-card p{margin:9px 0 0}
.topic-card-action{margin-top:auto;padding-top:15px;color:#8c681b;font-size:10px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase}

/* Internal editorial machinery is preserved in data, not exposed to readers. */
.article-badges,.article-review-note{display:none!important}
.confidence-summary p{max-width:860px;color:var(--muted);line-height:1.755}
.answer-history-evidence.confidence-summary strong{display:block;margin-bottom:10px;font-size:17px;color:var(--text)}
.answer-history-evidence.confidence-summary p{margin:8px 0 0}
.kx-mode-contextual .fit-boundary{font-size:12px;color:var(--muted)}

@media(max-width:980px){.entry-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .hero{padding-top:50px}
  .entry-paths{grid-template-columns:1fr;padding-bottom:38px}
  .entry-path-card{min-height:150px}
  .topic-section{padding-top:38px}
}


/* =========================================================
   Kickopedia V6.4: Global Optimization
   Reader-first product routing, accessible fallbacks, and
   faster lazy-loaded knowledge/audio payloads.
   ========================================================= */
.helpful-fallback,.answer-no-match{
  color:var(--text);
  border-color:rgba(181,138,42,.30);
  background:linear-gradient(145deg,#fffaf0,#ffffff);
}
.helpful-fallback p,.answer-no-match p{color:rgba(17,18,20,.72)!important}
.helpful-fallback h2,.answer-no-match h2{max-width:850px}
.fallback-suggestions{display:grid;gap:9px;margin:22px 0 16px}
.fallback-suggestions>strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8c681b}
.fallback-suggestions button,.composite-answer-grid button{
  width:100%;padding:12px 14px;border:1px solid rgba(17,18,20,.12);border-radius:13px;background:#fff;color:#111214;text-align:left;cursor:pointer
}
.fallback-suggestions button:hover,.composite-answer-grid button:hover{border-color:rgba(181,138,42,.45);background:#fffaf0}
.semantic-confidence{padding:7px 10px;border:1px solid rgba(17,18,20,.10);border-radius:999px;background:#fff;color:rgba(17,18,20,.60);font-size:10px}
.product-answer-top{background:linear-gradient(145deg,rgba(181,138,42,.08),rgba(255,255,255,.95))}
.product-answer-actions,.product-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.product-control-strip{background:#fffaf0}
.product-answer-grid{align-items:start}
.product-quick-start ol{margin:14px 0 0;padding-left:22px;color:var(--muted);line-height:1.7}
.composite-answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:24px 26px}
.composite-answer-grid article{padding:18px;border:1px solid rgba(17,18,20,.11);border-radius:17px;background:#fff}
.composite-answer-grid h3{margin:12px 0 8px;font-size:24px}.composite-answer-grid p{color:var(--muted);line-height:1.75}
.search-status{min-height:18px;margin:10px 4px 0;color:rgba(17,18,20,.60);font-size:12px}
.question-form[aria-busy="true"]{opacity:.78}.question-form button:disabled{cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(36,116,255,.55);outline-offset:3px}
@media(max-width:680px){.product-answer-actions,.product-primary-actions{display:grid}.product-answer-actions .button-link,.product-primary-actions .button-link{width:100%}.composite-answer-grid{grid-template-columns:1fr;padding:20px}}


/* =========================================================
   Kickopedia V6.5: Engagement-First Interface
   Brings the search, interpreted meaning, sound direction,
   and first answer payoff into the initial viewport.
   ========================================================= */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.23;
  background:
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(17,18,20,.018) 80px),
    radial-gradient(700px 220px at 76% 31%,rgba(181,138,42,.075),transparent 72%);
}
.hero{
  max-width:none;
  padding:48px 0 38px;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  width:620px;
  height:280px;
  right:-160px;
  top:54px;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-radial-gradient(ellipse at center,transparent 0 18px,rgba(181,138,42,.055) 19px 20px,transparent 21px 36px);
  mask-image:linear-gradient(90deg,transparent,#000 38%,transparent);
}
.hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  align-items:start;
  gap:34px;
}
.hero-main{min-width:0}
.hero h1{
  max-width:760px;
  font-size:clamp(46px,6.35vw,80px);
  line-height:.95;
}
.hero-copy{
  max-width:720px;
  margin-top:20px;
  font-size:clamp(17px,1.75vw,21px);
  line-height:1.55;
}
.hero-proof{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}
.hero-proof span{
  padding:7px 10px;
  border:1px solid rgba(17,18,20,.10);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:rgba(17,18,20,.65);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.ask-console{
  margin-top:25px;
  padding:12px;
  border:1px solid rgba(181,138,42,.25);
  border-radius:23px;
  background:rgba(255,255,255,.76);
  box-shadow:0 24px 70px rgba(43,37,24,.10);
  backdrop-filter:blur(13px);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ask-console:focus-within{
  border-color:rgba(181,138,42,.58);
  box-shadow:0 26px 80px rgba(43,37,24,.14),0 0 0 4px rgba(181,138,42,.07);
  transform:translateY(-1px);
}
.ask-console-label{
  margin:2px 8px 9px;
  color:#8c681b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.15em;
}
.ask-console .question-form{
  margin:0;
  padding:7px;
  border-color:rgba(17,18,20,.10);
  background:#fff;
  box-shadow:none;
}
.ask-console .question-form input{min-height:54px}
.ask-console .question-form button{
  min-height:54px;
  min-width:126px;
  border-color:#111214;
  background:#111214;
  color:#fff;
}
.ask-console .question-form[aria-busy="true"] button{
  background:linear-gradient(110deg,#111214 20%,#2b261b 50%,#111214 80%);
  background-size:200% 100%;
  animation:kxThinking 1.2s linear infinite;
}
@keyframes kxThinking{to{background-position:-200% 0}}
.search-status{margin:8px 8px 0}
.live-understanding{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:10px 5px 2px;
  padding:10px 11px;
  border-radius:14px;
  background:#f7f4ec;
  border:1px solid rgba(181,138,42,.17);
}
.live-understanding[hidden]{display:none}
.live-understanding>strong{
  padding-top:5px;
  color:#8c681b;
  font-size:8px;
  letter-spacing:.14em;
  white-space:nowrap;
}
.live-understanding>div{display:flex;gap:6px;flex-wrap:wrap}
.live-understanding span{
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,18,20,.10);
  color:rgba(17,18,20,.72);
  font-size:9px;
}
.live-understanding span strong{color:#111214}
.intent-shortcuts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.intent-shortcuts button{
  min-height:67px;
  padding:12px 13px;
  border:1px solid rgba(17,18,20,.10);
  border-radius:15px;
  background:rgba(255,255,255,.70);
  color:#111214;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.intent-shortcuts button:hover{
  transform:translateY(-2px);
  border-color:rgba(181,138,42,.44);
  background:#fff;
}
.intent-shortcuts span{
  display:block;
  color:#8c681b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
}
.intent-shortcuts small{
  display:block;
  margin-top:5px;
  color:rgba(17,18,20,.62);
  font-size:11px;
  line-height:1.35;
}
.hero-sound-lab{
  position:sticky;
  top:102px;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(212,175,55,.25);
  border-radius:25px;
  color:#f4f5f8;
  background:
    radial-gradient(620px 240px at 4% 0%,rgba(212,175,55,.14),transparent 65%),
    linear-gradient(145deg,#17181d,#090a0e 76%);
  box-shadow:0 30px 90px rgba(17,18,20,.25);
}
.hero-sound-lab::after{
  content:"";
  position:absolute;
  inset:auto -60px -100px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.08);
  box-shadow:0 0 0 28px rgba(212,175,55,.025),0 0 0 62px rgba(212,175,55,.018);
  pointer-events:none;
}
.sound-lab-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sound-lab-badge{
  color:#f4d47a;
  font-size:8px;
  font-weight:950;
  letter-spacing:.14em;
}
.sound-lab-status{
  display:flex;
  align-items:center;
  gap:6px;
  color:rgba(244,245,248,.54);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.sound-lab-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#59d99c;
  box-shadow:0 0 14px rgba(89,217,156,.7);
}
.hero-sound-lab h2{
  max-width:390px;
  margin-top:22px;
  color:#fff;
  font-size:clamp(30px,3.2vw,45px);
  line-height:1.02;
}
.hero-sound-lab>p{
  margin:14px 0 0;
  color:rgba(244,245,248,.68);
  font-size:13px;
  line-height:1.75;
}
.sound-lab-wave{
  height:128px;
  margin-top:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.20));
}
.sound-lab-wave svg{width:100%;height:100%;display:block}
.sound-lab-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.sound-lab-controls div{
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.sound-lab-controls span,.sound-lab-controls strong{display:block}
.sound-lab-controls span{
  color:rgba(244,245,248,.46);
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
}
.sound-lab-controls strong{
  margin-top:5px;
  color:#f4d47a;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.sound-lab-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}
.sound-lab-actions button,.sound-lab-actions a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}
.sound-lab-actions button{
  border:1px solid rgba(212,175,55,.38);
  background:rgba(212,175,55,.10);
  color:#f4d47a;
}
.sound-lab-actions a{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#fff;
}
.sound-lab-actions button:hover,.sound-lab-actions a:hover{filter:brightness(1.15)}
.sound-lab-note{
  display:block;
  margin-top:13px;
  color:rgba(244,245,248,.42);
  font-size:9px;
  line-height:1.5;
}
.hero>.answer-panel{
  width:100%;
  max-width:none;
  margin-top:28px;
  transform-origin:top center;
  transition:opacity .16s ease,transform .16s ease;
}
.answer-panel.is-loading{
  display:block;
  opacity:1;
  transform:translateY(0);
  min-height:230px;
  background:#fff;
}
.answer-loading{
  padding:28px;
  color:#111214;
}
.answer-loading-label{
  color:#8c681b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
}
.answer-loading h2{margin-top:12px;font-size:clamp(28px,4vw,46px)}
.answer-loading p{color:rgba(17,18,20,.65)}
.answer-loading-bars{display:grid;gap:10px;margin-top:22px}
.answer-loading-bars i{
  display:block;
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#ede9df 10%,#fff8e8 44%,#ede9df 78%);
  background-size:220% 100%;
  animation:kxLoading 1.25s linear infinite;
}
.answer-loading-bars i:nth-child(1){width:92%}.answer-loading-bars i:nth-child(2){width:78%}.answer-loading-bars i:nth-child(3){width:56%}
@keyframes kxLoading{to{background-position:-220% 0}}
.entry-paths{padding-top:20px}

@media(max-width:980px){
  .hero-layout{grid-template-columns:1fr}
  .hero-main{max-width:820px}
  .hero-sound-lab{position:relative;top:auto;max-width:820px}
  .hero h1{font-size:clamp(48px,9vw,82px)}
}
@media(max-width:680px){
  .hero{padding-top:34px}
  .hero-layout{gap:22px}
  .hero h1{font-size:clamp(43px,14vw,66px)}
  .hero-proof{gap:6px}
  .hero-proof span{font-size:7px}
  .intent-shortcuts{grid-template-columns:1fr}
  .hero-sound-lab{padding:18px;border-radius:24px}
  .sound-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sound-lab-actions{grid-template-columns:1fr}
  .live-understanding{display:block}
  .live-understanding>div{margin-top:8px}
  .answer-loading{padding:22px 18px}
}


/* V6.6: KX1000 prompt bridge */
.prompt-bridge{min-height:520px;display:flex;flex-direction:column}
.prompt-preview{margin-top:22px;padding:16px;border:1px solid rgba(244,212,122,.26);border-radius:16px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.prompt-preview>span{display:block;color:rgba(244,212,122,.72);font-size:8px;font-weight:950;letter-spacing:.14em}
.prompt-preview blockquote{margin:12px 0 0;color:#fff;font-size:18px;font-weight:760;line-height:1.42;quotes:none}
.prompt-next-steps{display:grid;gap:8px;margin-top:14px}
.prompt-next-steps div{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}
.prompt-next-steps strong{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(212,175,55,.13);color:#f4d47a;font-size:10px}
.prompt-next-steps span{color:rgba(244,245,248,.68);font-size:11px;line-height:1.35}
.prompt-actions{margin-top:auto;padding-top:18px;grid-template-columns:1.35fr .65fr}
.prompt-actions a{border-color:rgba(212,175,55,.52);background:linear-gradient(180deg,rgba(212,175,55,.22),rgba(212,175,55,.08));color:#f4d47a}
.prompt-actions button{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#fff}
.kx-build-buttons .button-link.primary{min-width:230px;text-align:center;justify-content:center}
@media(max-width:720px){.prompt-bridge{min-height:auto}.prompt-preview blockquote{font-size:16px}.prompt-actions{grid-template-columns:1fr}}


/* =========================================================
   KICKOPEDIA V7: LAUNCH AUTHORITY PAGE SYSTEM
========================================================= */
.v7-reviewed{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.v7-reviewed span{padding:8px 10px;border:1px solid rgba(17,18,20,.12);border-radius:999px;background:rgba(255,255,255,.74);color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.v7-diagnosis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v7-cause-card{position:relative;padding:20px;border:1px solid rgba(17,18,20,.11);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(35,31,22,.045)}.v7-cause-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#111214;color:#fff;font-size:11px;font-weight:900}.v7-cause-card h3{margin:14px 0 8px;font-size:20px}.v7-cause-card p{margin:0}.v7-cause-card strong{display:block;margin-top:15px;color:#8c681b;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.v7-sequence{display:grid;gap:10px;padding:0!important;list-style:none}.v7-sequence li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:15px;border:1px solid rgba(17,18,20,.11);border-radius:15px;background:rgba(255,255,255,.76)}.v7-sequence li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:rgba(181,138,42,.12);color:#8c681b;font-weight:950}.v7-sequence p{margin:2px 0 0}.v7-context-check{padding:28px!important;border:1px solid rgba(70,133,157,.20)!important;border-radius:24px;background:#f5fafb!important}.v7-kx-bridge .control-chips{margin:18px 0}.v7-prompt{margin:20px 0;padding:18px;border-left:3px solid #b58a2a;background:#fff;border-radius:0 15px 15px 0;color:#111214;font-size:17px;line-height:1.55}.v7-prompt span{display:block;margin-bottom:7px;color:#8c681b;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.v7-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:64px}.v7-hub-card{display:block;padding:24px;border:1px solid rgba(17,18,20,.11);border-radius:22px;background:linear-gradient(145deg,#fff,#f8f6f0);box-shadow:0 14px 36px rgba(35,31,22,.055);text-decoration:none}.v7-hub-card:hover{transform:translateY(-2px);border-color:rgba(181,138,42,.38)}.v7-hub-card>span{color:#8c681b;font-size:10px;font-weight:950;letter-spacing:.12em}.v7-hub-card h2{margin:12px 0 10px;font-size:clamp(24px,3vw,38px)}.v7-hub-card p{color:var(--muted);line-height:1.755}.v7-hub-card em{display:block;margin-top:18px;color:#8c681b;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.v7-authority-page .article-section h2{font-size:clamp(27px,3.6vw,44px)}
@media(max-width:800px){.v7-diagnosis-grid,.v7-hub-grid{grid-template-columns:1fr}.v7-reviewed{gap:6px}.v7-cause-card{padding:17px}.v7-context-check{padding:20px!important}}

/* =========================================================
   V7.1 AUTHORITY PAGE: KX1000 bridge layout fix
   The legacy universal bridge expected only two children.
   V7 authority pages contain a full section, so force every
   element into one readable content column.
========================================================= */
.v7-kx-bridge{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-items:start !important;
  gap:0 !important;
  padding:clamp(24px,3.2vw,38px) !important;
}
.v7-kx-bridge > *{
  grid-column:1 / -1 !important;
  min-width:0;
}
.v7-kx-bridge .eyebrow{
  margin:0 0 10px !important;
}
.v7-kx-bridge h2{
  max-width:18ch;
  margin:0 0 18px !important;
  line-height:.98;
}
.v7-kx-bridge > p{
  max-width:72ch;
  margin:0 0 14px !important;
  line-height:1.758;
}
.v7-kx-bridge .control-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 20px !important;
}
.v7-kx-bridge .v7-prompt{
  width:min(100%,760px);
}
.v7-kx-bridge .button-link{
  justify-self:start;
  width:auto;
  margin-top:8px;
  white-space:normal !important;
  text-align:center;
}
@media(max-width:700px){
  .v7-kx-bridge{
    padding:22px 18px !important;
  }
  .v7-kx-bridge h2{
    max-width:none;
  }
  .v7-kx-bridge .button-link{
    width:100%;
  }
}

/* =========================================================
   V7.2 AUTHORITY SECTION RHYTHM
   Ranked diagnosis, ordered fixes and common mistakes now use
   the same clearly separated editorial-panel rhythm as Context Check.
========================================================= */
.v7-authority-page .article-main > .v7-panel-section{
  margin:0 0 20px !important;
  padding:28px !important;
  border:1px solid rgba(17,18,20,.11) !important;
  border-radius:24px !important;
  background:#fbfaf7 !important;
  box-shadow:0 12px 34px rgba(35,31,22,.045);
}
.v7-authority-page .article-main > .v7-diagnosis-section{
  background:#fbfaf7 !important;
}
.v7-authority-page .article-main > .v7-sequence-section{
  border-color:rgba(181,138,42,.20) !important;
  background:#fffaf0 !important;
}
.v7-authority-page .article-main > .v7-mistakes-section{
  border-color:rgba(190,91,91,.16) !important;
  background:#fff8f7 !important;
}
.v7-authority-page .article-main > .v7-context-check{
  margin:0 0 20px !important;
  box-shadow:0 12px 34px rgba(35,31,22,.04);
}
.v7-authority-page .v7-panel-section > .eyebrow,
.v7-authority-page .v7-context-check > .eyebrow{
  margin-top:0 !important;
}
.v7-authority-page .v7-panel-section > h2,
.v7-authority-page .v7-context-check > h2{
  margin-bottom:22px !important;
}
.v7-authority-page .v7-diagnosis-grid,
.v7-authority-page .v7-sequence,
.v7-authority-page .mistake-grid{
  margin-top:0 !important;
}
@media(max-width:800px){
  .v7-authority-page .article-main > .v7-panel-section{
    padding:20px !important;
    margin-bottom:14px !important;
  }
  .v7-authority-page .article-main > .v7-context-check{
    margin-bottom:14px !important;
  }
  .v7-authority-page .v7-panel-section > h2,
  .v7-authority-page .v7-context-check > h2{
    margin-bottom:17px !important;
  }
}

/* =========================================================
   V7.3 RELATED WORDING RHYTHM
   Gives alternate-query wording its own clearly separated
   editorial panel, matching the spacing of Context Check.
========================================================= */
.v7-authority-page .article-main > .v7-related-wording{
  margin:0 0 20px !important;
  padding:28px !important;
  border:1px solid rgba(181,138,42,.18) !important;
  border-radius:24px !important;
  background:#fbf9f2 !important;
  box-shadow:0 12px 34px rgba(35,31,22,.04);
}
.v7-authority-page .v7-related-wording > .eyebrow{
  margin-top:0 !important;
}
.v7-authority-page .v7-related-wording > h2{
  margin-bottom:18px !important;
}
.v7-authority-page .v7-related-wording > ul{
  margin:0 !important;
  padding-left:24px !important;
}
.v7-authority-page .v7-related-wording li{
  padding-left:3px;
}
@media(max-width:800px){
  .v7-authority-page .article-main > .v7-related-wording{
    padding:20px !important;
    margin-bottom:14px !important;
  }
  .v7-authority-page .v7-related-wording > h2{
    margin-bottom:15px !important;
  }
}

/* =========================================================
   V7.4 QUICK TEST LEGIBILITY
   The three diagnostic test cards must read as clean editorial
   cards in the light theme, not grey disabled surfaces.
========================================================= */
.quick-fix strong{
  color:#936b18;
  font-size:11px;
  letter-spacing:.16em;
}
.quick-fix li{
  border-color:rgba(17,18,20,.12);
  background:rgba(255,255,255,.94);
  color:#3d3f43;
  font-size:15px;
  line-height:1.58;
  box-shadow:0 8px 22px rgba(35,31,22,.045);
}
@media(max-width:680px){
  .quick-fix li{font-size:14px;line-height:1.55;padding:15px;}
}

/* =========================================================
   V7.5 KX1000 CONTINUATION EMPHASIS
   Make the conversion section feel like a major next step,
   not a small editorial footnote.
========================================================= */
.v7-kx-bridge{
  border-color:rgba(181,138,42,.46) !important;
  background:
    radial-gradient(circle at 88% 14%,rgba(181,138,42,.13),transparent 34%),
    linear-gradient(145deg,#fffaf0,#fbf7ed) !important;
  box-shadow:0 18px 46px rgba(82,62,20,.075) !important;
}
.v7-kx-bridge .eyebrow{
  margin:0 0 14px !important;
  color:#8c681b !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  line-height:1.25 !important;
}
.v7-kx-bridge .v7-prompt span{
  font-size:10.5px !important;
}
.v7-kx-bridge .button-link.primary{
  min-height:56px !important;
  padding:17px 25px !important;
  border-radius:16px !important;
  background:#111214 !important;
  border-color:#111214 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.105em !important;
  box-shadow:0 12px 28px rgba(17,18,20,.16) !important;
}
.v7-kx-bridge .button-link.primary:hover{
  transform:translateY(-1px);
  background:#292a2d !important;
  border-color:#292a2d !important;
}
@media(max-width:700px){
  .v7-kx-bridge .eyebrow{
    font-size:11.5px !important;
  }
  .v7-kx-bridge .button-link.primary{
    min-height:54px !important;
    padding:16px 18px !important;
    font-size:11px !important;
  }
}


/* Phase A Design System Overrides */
p{line-height:1.8;margin:0 0 var(--space-3);}
h1,h2,h3{line-height:1.2}
h2{margin-top:var(--space-5);margin-bottom:var(--space-3);}
ul,ol{padding-left:1.5rem;line-height:1.8}
table{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px}
th,td{padding:14px 16px}


.quick-answer,.key-takeaways,.producer-insight,.pro-tip,.common-mistake{
  border:1px solid rgba(212,175,55,.22);
  border-radius:var(--radius-lg);
  padding:var(--space-4);
  margin:var(--space-5) 0;
  background:rgba(255,255,255,.03);
}
.article-content{max-width:var(--reading-width);}