/* Original Bauhaus-inspired, function-first theme. No external assets. */
:root {
  --bau-red:#d92926;--bau-blue:#1557b0;--bau-yellow:#f2c230;--bau-teal:#087f75;
  --bau-purple:#4b245f;--bau-black:#171714;--bau-cream:#f4efdf;
  --bg:var(--bau-cream);--bg-sunken:#e7dfcc;--surface:#fffaf0;--surface-2:#ebe3d1;--surface-3:#d8cfba;
  --border:var(--bau-black);--border-strong:var(--bau-black);--text:var(--bau-black);--text-muted:#4f4b43;--text-dim:#5f5a50;
  --accent:var(--bau-blue);--accent-ink:#fff;--accent-line:var(--bau-blue);--ok:#217a3c;--warn:#8a5b00;--danger:#b51f1f;--focus:#7b2cbf;
  --code-bg:#171714;--code-ink:#fffaf0;--code-border:#5f584d;--radius:0;--radius-sm:0;--gap:18px;--maxw:1280px;
  --muted:var(--text-muted);--fg:var(--text);--line:var(--border);
}
body{min-height:100vh;color:var(--text);background:var(--bg)}
::selection{background:var(--bau-yellow);color:var(--bau-black)}
.site-header{position:relative;overflow:hidden;padding:32px 0;color:#fff;background:var(--bau-blue);border-bottom:8px solid var(--bau-black)}
.site-header::before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--bau-red);right:7%;top:-70px}
.site-header::after{content:"";position:absolute;width:0;height:0;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:110px solid var(--bau-yellow);right:24%;bottom:-38px}
.site-header .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:24px;align-items:end}
.site-header h1{margin:0 0 10px;max-width:12ch;color:#fff;font-size:clamp(2.3rem,5vw,5rem);font-weight:900;line-height:.88;letter-spacing:-.065em;text-transform:uppercase}
.tagline{color:#fff;max-width:65ch}.badge-row{grid-column:2;grid-row:1/span 2;border-left:8px solid var(--bau-yellow);padding-left:18px}.badge{color:#fff;border:2px solid #fff;background:var(--bau-black)}
.nav{position:sticky;top:0;z-index:20;background:var(--bau-cream);border-bottom:3px solid var(--bau-black)}
.tablist{gap:0}.tab{min-height:48px;border:2px solid var(--bau-black);border-bottom:0;background:var(--bau-cream);color:var(--bau-black);font-weight:800}.tab:hover{background:var(--bau-yellow);color:var(--bau-black)}.tab[aria-selected="true"]{background:var(--bau-red);color:#fff}.tab[aria-selected="true"]::after{height:5px;background:var(--bau-black)}
.section-head,.pane-head,.lrn-intro h2{font-weight:900;letter-spacing:-.035em}.section-head::before,.pane-head::before,.lrn-intro h2::before{content:"■ ";color:var(--bau-red)}
.controls,.keymap,.card,.panel,.guide,.mapframe,.mapside,.joincard,.concept-card,.quick-answer,.empty,.dialog,.lrn-stat,.lrn-start,.lrn-session-done,.lrn-lesson,.lrn-prompt,.lrn-data,.lrn-conf,.lrn-grade{border:2px solid var(--bau-black);background:var(--surface);color:var(--bau-black);box-shadow:7px 7px 0 var(--bau-black)}
.card:nth-child(3n+1),.lrn-stat:nth-child(3n+1){border-top:10px solid var(--bau-red)}.card:nth-child(3n+2),.lrn-stat:nth-child(3n+2){border-top:10px solid var(--bau-blue)}.card:nth-child(3n),.lrn-stat:nth-child(3n){border-top:10px solid var(--bau-yellow)}
.btn,.chip,.exq-btn,.tablink,.lrn-link{min-height:44px;border:2px solid var(--bau-black);background:var(--bau-cream);color:var(--bau-black);font-weight:800;box-shadow:3px 3px 0 var(--bau-black)}
.btn:hover,.chip:hover,.exq-btn:hover,.tablink:hover,.lrn-link:hover{background:var(--bau-yellow);color:var(--bau-black)}.btn:active,.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bau-black)}
.btn--primary{background:var(--bau-blue);color:#fff}.chip[aria-pressed="true"]{background:var(--bau-blue);color:#fff}.tablink.is-active,.btn.is-selected,.lrn-conf-btn.is-selected{background:var(--bau-blue);color:#fff}
input[type="search"],.lrn-scratch,.lrn-importbox,.lrn-exportbox{min-height:44px;border:2px solid var(--bau-black);background:#fff;color:var(--bau-black)}
:not(pre)>code{background:var(--code-bg);color:var(--code-ink);border:1px solid var(--code-border);padding:.08em .3em}
.answer,pre.kql,.lrn-kql,.rel__keys{border:3px solid var(--bau-black);background:var(--code-bg);color:var(--code-ink)}
.quick-answer p.answer,.keymap .answer{color:var(--code-ink)}.fieldchip{color:var(--code-ink);border-color:var(--code-border)}.fieldchip--star{color:var(--bau-yellow)}
.answer *,pre.kql *,pre.kql code,.lrn-kql *,.lrn-kql code,.rel__keys *{color:inherit;background:transparent;border:0}.copybtn,.kql-copy{color:#fff;background:var(--bau-blue);border-color:#fff}
.lrn-chip,.maplegend,.tag,.pill{color:var(--bau-black)}.lrn-bar{height:12px;border:2px solid var(--bau-black);background:#fff}.lrn-bar__fill{background:var(--bau-blue)}.lrn-cell.is-active{background:var(--bau-yellow);border-color:var(--bau-black)}

@media(max-width:760px){.site-header .wrap{display:block}.badge-row{margin-top:18px;border-left:0;border-top:8px solid var(--bau-yellow);padding:12px 0 0}.tablist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tab{border-bottom:2px solid var(--bau-black)}.controls,.card,.panel,.lrn-stat,.lrn-start,.lrn-lesson,.lrn-prompt,.lrn-data{box-shadow:4px 4px 0 var(--bau-black)}}
@media(max-width:420px){.wrap{padding-inline:12px}.tablist{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn:active,.chip:active{transform:none}}
@media(forced-colors:active){body,.site-header,.badge,.tab,.tab:hover,.tab[aria-selected="true"],.controls,.keymap,.card,.panel,.guide,.mapframe,.mapside,.joincard,.concept-card,.quick-answer,.empty,.dialog,.btn,.chip,.exq-btn,.tablink,.lrn-link,.answer,pre.kql,.lrn-kql,input[type="search"],.lrn-scratch,.lrn-importbox,.lrn-exportbox,:not(pre)>code{background:Canvas;color:CanvasText;box-shadow:none}.tab[aria-selected="true"],.chip[aria-pressed="true"],.btn--primary{border:3px solid Highlight}.site-header::before,.site-header::after{display:none}}
@media print{body,.site-header{background:#fff;color:#000}.site-header h1{color:#000}.nav{display:none}}
