/* Layout: two brain panels side by side, then a stacked funnel that narrows to one trade, then the CTA. */
:root{
  --bg:#FFFFFF; --paper:#F7F7F6; --tan:#EFEFED; --tan-2:#CFCFCB; --brown:#111111; --on:#FFFFFF;
  --ink:#111111; --ink-2:#3C3C3A; --ink-3:#6B6B68; --line:#DDDDDA;
  --gut:#E11D48; --gut-soft:#FFE4EA; --mind:#2F6B47; --mind-soft:#E6F2EA;
  --shadow:0 1px 0 #fff inset, 0 6px 0 -2px var(--tan-2), 0 14px 28px -14px rgba(0,0,0,.25);
  --display:'Fraunces', Georgia, 'Iowan Old Style', serif;
  --body:'Jost', 'Segoe UI', system-ui, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, Consolas, monospace;
}

@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0E0E0D; --paper:#171716; --tan:#1F1F1D; --tan-2:#000000; --brown:#F2F2EF; --on:#0E0E0D;
  --ink:#F2F2EF; --ink-2:#C9C9C4; --ink-3:#8E8E89; --line:#2C2C2A;
  --gut:#FF4D6D; --gut-soft:#2E0F17; --mind:#7FC79A; --mind-soft:#13241A;
  --shadow:0 6px 0 -2px #000, 0 14px 28px -14px rgba(0,0,0,.8); color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E0E0D; --paper:#171716; --tan:#1F1F1D; --tan-2:#000000; --brown:#F2F2EF; --on:#0E0E0D;
  --ink:#F2F2EF; --ink-2:#C9C9C4; --ink-3:#8E8E89; --line:#2C2C2A;
  --gut:#FF4D6D; --gut-soft:#2E0F17; --mind:#7FC79A; --mind-soft:#13241A;
  --shadow:0 6px 0 -2px #000, 0 14px 28px -14px rgba(0,0,0,.8); color-scheme:dark}
:root[data-palette="signal"]{--brown:#0A8F5A;--on:#FFFFFF;--paper:#F3FAF6;}
@media (prefers-color-scheme: dark){:root[data-palette="signal"]:not([data-theme="light"]){--brown:#2EE59D;--on:#06140D;--paper:#0F1A14;}}
:root[data-palette="signal"][data-theme="dark"]{--brown:#2EE59D;--on:#06140D;--paper:#0F1A14;}
:root[data-palette="cobalt"]{--brown:#2442D6;--on:#FFFFFF;--paper:#F4F6FE;}
@media (prefers-color-scheme: dark){:root[data-palette="cobalt"]:not([data-theme="light"]){--brown:#8EA2FF;--on:#0A0F2A;--paper:#121630;}}
:root[data-palette="cobalt"][data-theme="dark"]{--brown:#8EA2FF;--on:#0A0F2A;--paper:#121630;}
:root[data-palette="amber"]{--brown:#B86A00;--on:#FFFFFF;--paper:#FFF8EC;}
@media (prefers-color-scheme: dark){:root[data-palette="amber"]:not([data-theme="light"]){--brown:#FFB000;--on:#140D00;--paper:#17140C;}}
:root[data-palette="amber"][data-theme="dark"]{--brown:#FFB000;--on:#140D00;--paper:#17140C;}
:root[data-palette="navy"]{--brown:#13254A;--on:#FFFFFF;--paper:#F3F5F9;}
@media (prefers-color-scheme: dark){:root[data-palette="navy"]:not([data-theme="light"]){--brown:#A9C1F0;--on:#0B1222;--paper:#111B30;--bg:#0B1222;--tan:#16213A;--line:#22304D;}}
:root[data-palette="navy"][data-theme="dark"]{--brown:#A9C1F0;--on:#0B1222;--paper:#111B30;--bg:#0B1222;--tan:#16213A;--line:#22304D;}
:root[data-palette="crimson"]{--brown:#C21E3A;--on:#FFFFFF;--paper:#FDF2F4;}
@media (prefers-color-scheme: dark){:root[data-palette="crimson"]:not([data-theme="light"]){--brown:#FF7A8E;--on:#1A0509;--paper:#1C0F12;}}
:root[data-palette="crimson"][data-theme="dark"]{--brown:#FF7A8E;--on:#1A0509;--paper:#1C0F12;}
:root[data-palette="teal"]{--brown:#0E7C86;--on:#FFFFFF;--paper:#F0F9FA;}
@media (prefers-color-scheme: dark){:root[data-palette="teal"]:not([data-theme="light"]){--brown:#3FD6E0;--on:#03191B;--paper:#0D1C1E;}}
:root[data-palette="teal"][data-theme="dark"]{--brown:#3FD6E0;--on:#03191B;--paper:#0D1C1E;}
:root[data-palette="violet"]{--brown:#5B3FD6;--on:#FFFFFF;--paper:#F5F3FE;}
@media (prefers-color-scheme: dark){:root[data-palette="violet"]:not([data-theme="light"]){--brown:#B6A6FF;--on:#120B33;--paper:#15122A;}}
:root[data-palette="violet"][data-theme="dark"]{--brown:#B6A6FF;--on:#120B33;--paper:#15122A;}
:root[data-palette="emerald"]{--brown:#047857;--on:#FFFFFF;--paper:#EFFAF5;}
@media (prefers-color-scheme: dark){:root[data-palette="emerald"]:not([data-theme="light"]){--brown:#34D399;--on:#03170F;--paper:#0D1C16;}}
:root[data-palette="emerald"][data-theme="dark"]{--brown:#34D399;--on:#03170F;--paper:#0D1C16;}
:root[data-palette="slate"]{--brown:#334155;--on:#FFFFFF;--paper:#F4F6F9;}
@media (prefers-color-scheme: dark){:root[data-palette="slate"]:not([data-theme="light"]){--brown:#A9B6CC;--on:#0B1220;--paper:#141A24;}}
:root[data-palette="slate"][data-theme="dark"]{--brown:#A9B6CC;--on:#0B1220;--paper:#141A24;}
:root[data-palette="magenta"]{--brown:#B0127A;--on:#FFFFFF;--paper:#FDF1F8;}
@media (prefers-color-scheme: dark){:root[data-palette="magenta"]:not([data-theme="light"]){--brown:#FF7CCB;--on:#1E0414;--paper:#1D0F18;}}
:root[data-palette="magenta"][data-theme="dark"]{--brown:#FF7CCB;--on:#1E0414;--paper:#1D0F18;}
:root[data-palette="ice"]{--brown:#0369A1;--on:#FFFFFF;--paper:#F0F8FD;}
@media (prefers-color-scheme: dark){:root[data-palette="ice"]:not([data-theme="light"]){--brown:#7DD3FC;--on:#03141F;--paper:#0E1A22;}}
:root[data-palette="ice"][data-theme="dark"]{--brown:#7DD3FC;--on:#03141F;--paper:#0E1A22;}
:root[data-palette="orange"]{--brown:#D9480F;--on:#FFFFFF;--paper:#FFF4EE;}
@media (prefers-color-scheme: dark){:root[data-palette="orange"]:not([data-theme="light"]){--brown:#FF8A4C;--on:#1F0A02;--paper:#1E130D;}}
:root[data-palette="orange"][data-theme="dark"]{--brown:#FF8A4C;--on:#1F0A02;--paper:#1E130D;}
*{box-sizing:border-box}
body{background:var(--outside,var(--paper));color:var(--ink);font:16px/1.55 var(--body);padding-inline:16px;padding-block:24px 88px}
.wrap{max-width:1160px;margin:0 auto;display:grid;gap:72px;background:var(--bg);border:12px solid #0B0B0B;border-radius:28px;padding:48px clamp(16px,4vw,44px) 56px;box-shadow:0 24px 60px -30px rgba(0,0,0,.45)}
@media (max-width:600px){.wrap{border-width:7px;border-radius:20px;gap:56px}}
.eyebrow{font:700 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--brown)}
h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,5.6vw,60px);line-height:1.04}
h2{font-size:clamp(28px,4.2vw,44px);line-height:1.08}
h1 em,h2 em{font-style:italic;font-weight:600;color:var(--brown)}
.lede{max-width:62ch;color:var(--ink-2);font-size:18px;margin:0}
.head{display:grid;gap:16px}
.cite{font:500 11.5px/1.5 var(--mono);color:var(--ink-3);letter-spacing:.02em}

/* ---- Two brains ---- */
.brains{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}
.vs{align-self:center;font:600 14px/1 var(--mono);color:var(--ink-3);letter-spacing:.1em}
.brain{min-width:0;background:var(--bg);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:26px;display:grid;gap:18px;align-content:start;transition:transform .25s ease}
.brain:hover{transform:translateY(-4px)}
.brain-top{display:flex;gap:18px;align-items:center}
.brain-art{flex:none;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink)}
.gut .brain-art{background:var(--gut-soft);color:var(--gut);animation:jitter 2.4s ease-in-out infinite}
.mind .brain-art{background:var(--mind-soft);color:var(--mind);animation:breathe 4s ease-in-out infinite}
.brain-art svg{width:62px;height:62px}
@keyframes jitter{0%,100%{transform:rotate(0)}8%{transform:rotate(-4deg) scale(1.04)}14%{transform:rotate(3deg)}20%{transform:rotate(0)}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 var(--mind-soft)}50%{box-shadow:0 0 0 10px var(--mind-soft)}}
.tag{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:99px;border:1px solid currentColor;display:inline-block}
.gut .tag{color:var(--gut)} .mind .tag{color:var(--mind)}
.brain h3{font:700 28px/1.1 var(--display);margin:8px 0 2px}
.traits{font:500 12.5px/1.4 var(--mono);color:var(--ink-3)}
.brain p{margin:0;color:var(--ink-2)}

/* bias flip cards */
.bias-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flip{position:relative;height:116px;perspective:900px;border:0;padding:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}
.flip .in{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.flip.on .in{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;border:2px solid var(--ink);padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);box-shadow:0 4px 0 -1px var(--tan-2)}
.face b{font:700 16px/1.2 var(--body)}
.face small{font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.back{transform:rotateY(180deg);background:var(--gut-soft)}
.mind .back{background:var(--mind-soft)}
.plus{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:600 15px/1 var(--mono);background:var(--paper);transition:transform .2s}
.flip:hover .plus{transform:rotate(90deg)}
.flip:focus-visible{outline:2px solid var(--brown);outline-offset:3px;border-radius:12px}

/* ---- Funnel ---- */
.funnel-sec{display:grid;gap:28px}
.noise{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:0 auto}
.chip{font:500 12.5px/1 var(--mono);padding:8px 11px;border-radius:99px;border:1px dashed var(--gut);color:var(--gut);background:var(--gut-soft);animation:fall 3.2s ease-in infinite}
.chip:nth-child(2n){animation-delay:.6s}.chip:nth-child(3n){animation-delay:1.3s}.chip:nth-child(5n){animation-delay:2s}
@keyframes fall{0%,55%{transform:translateY(0);opacity:1}100%{transform:translateY(26px);opacity:.15}}
.funnel{display:grid;justify-items:center;gap:6px}
.layer{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px 28px;border:2px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);transition:transform .25s ease}
.layer:hover{transform:scale(1.015)}
.layer:nth-child(1){width:100%;background:var(--bg)}
.layer:nth-child(2){width:84%;background:var(--bg)}
.layer:nth-child(3){width:68%;background:var(--bg)}
.layer .k{font:600 13px/1 var(--mono);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink);background:var(--brown);color:var(--on)}
.layer h4{margin:4px 0 0;font:700 22px/1.2 var(--body)}
.layer p{margin:2px 0 0;color:var(--ink-2);font-size:14.5px}
.layer .filters{font:500 11.5px/1.4 var(--mono);color:var(--ink-3);margin-top:4px}
.spout{width:14%;min-width:56px;height:34px;background:var(--ink);clip-path:polygon(0 0,100% 0,72% 100%,28% 100%)}
.trade{display:grid;gap:6px;justify-items:center;text-align:center;background:var(--ink);color:var(--bg);border-radius:16px;padding:22px 28px;max-width:440px;width:100%;box-shadow:0 8px 0 -2px var(--tan-2)}
.trade .lbl{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.trade strong{font:600 26px/1.1 var(--display)}
.trade .row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.trade .row span{font:500 12px/1 var(--mono);padding:7px 10px;border-radius:99px;border:1px solid currentColor;opacity:.9}

/* ---- Quotes ---- */
.quotes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qt{margin:0;min-width:0;border:2px solid var(--ink);border-radius:16px;padding:20px;background:var(--paper);box-shadow:var(--shadow);display:grid;gap:14px;align-content:space-between;transition:transform .25s ease}
.qt:hover{transform:translateY(-4px) rotate(-.4deg)}
.qt:nth-child(even){background:var(--paper)}
.qt blockquote{margin:0;font:500 19px/1.3 var(--display);font-style:italic;text-wrap:balance}
.qt blockquote::before{content:"“";display:block;font:600 44px/0.6 var(--display);color:var(--brown);margin-bottom:10px;font-style:normal}
.qt figcaption{font:500 11.5px/1.45 var(--mono);color:var(--ink-3);letter-spacing:.02em}
.qt figcaption b{display:block;color:var(--ink);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.quotes{grid-template-columns:minmax(0,820px);justify-content:center}
.qt.solo{padding:40px 44px;text-align:center;justify-items:center}
.qt.solo blockquote{font-size:clamp(24px,3.4vw,36px);line-height:1.2}
.qt.solo blockquote::before{font-size:72px;margin-bottom:18px}
@media (max-width:480px){.qt.solo{padding:28px 22px}}

/* ---- Timeframe brain ---- */
.tf-sec{display:grid;gap:28px}
.tf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center}
.half{min-width:0;border:2px solid var(--ink);border-radius:18px;padding:22px;box-shadow:var(--shadow);display:grid;gap:12px;align-content:start}
.half.long,.half.short{background:var(--bg)}
.half h3{margin:0;font:700 26px/1.1 var(--display)}
.half .q{font:500 12px/1.4 var(--mono);color:var(--brown);letter-spacing:.06em;text-transform:uppercase}
.tfrow{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;background:var(--bg);border:2px solid var(--ink);border-radius:12px;padding:10px 12px;transition:transform .2s}
.tfrow:hover{transform:translateX(4px)}
.tfrow .tfk{font:600 14px/1 var(--mono);text-align:center;padding:9px 0;border-radius:8px;background:var(--brown);color:var(--on)}
.tfrow b{display:block;font:700 16px/1.2 var(--body)}
.tfrow small{color:var(--ink-2);font-size:13.5px;line-height:1.35}
.core{display:grid;justify-items:center;gap:10px;text-align:center}
.core .ring{width:120px;height:120px;border-radius:50%;border:2px solid var(--ink);background:var(--bg);display:grid;place-items:center;box-shadow:var(--shadow);color:var(--brown)}
.core .ring svg{width:70px;height:70px}
.core .ring .l{stroke:var(--mind)} .core .ring .r{stroke:var(--gut)}
.core span{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);max-width:14ch}
.rule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rule div{border:2px solid var(--ink);border-radius:12px;padding:14px 16px;background:var(--bg);display:grid;gap:4px}
.rule .st{font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.rule .go .st{color:var(--mind)} .rule .wait .st{color:var(--brown)} .rule .no .st{color:var(--gut)}
.rule small{color:var(--ink-2);font-size:14px}

/* ---- Analyst funnel ---- */
.layer.an{grid-template-columns:auto minmax(0,1fr) auto}
.layer .role{font:700 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.layer .asks{font:600 13px/1.2 var(--mono);padding:8px 10px;border-radius:99px;border:2px solid var(--ink);background:var(--bg);white-space:nowrap}
.layer:nth-child(4){width:56%;background:var(--bg)}
.layer:nth-child(5){width:46%;background:var(--ink);color:var(--bg)}
.layer:nth-child(5) p,.layer:nth-child(5) .filters{color:var(--tan-2)}
.layer:nth-child(5) .role{color:var(--bg)}
.layer:nth-child(5) .k{background:var(--brown);color:var(--bg);border-color:var(--bg)}

/* ---- Theme toggle ---- */
.theme{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5;width:min(330px,calc(100% - 32px));display:grid;gap:10px;padding:12px 14px;border:2px solid var(--ink);border-radius:16px;background:var(--bg);box-shadow:var(--shadow);font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.theme .row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.theme .lab{width:100%;color:var(--ink-3)}
.theme .seg button{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:99px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.theme .seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.theme .sw{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid var(--line);cursor:pointer}
.theme .sw[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:2px}
.theme input[type=color]{width:30px;height:26px;padding:0;border:2px solid var(--ink);border-radius:8px;background:none;cursor:pointer}
.theme .fbtn{font-size:14px;letter-spacing:0;text-transform:none;padding:6px 9px;border-radius:8px;border:2px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;font-weight:700}
.theme .fbtn[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.theme{max-height:calc(100vh - 32px);overflow:auto}
.theme .hide{justify-self:end;border:0;background:none;color:var(--ink-3);font:700 11px/1 var(--mono);cursor:pointer;padding:0}
.theme.min>*:not(.hide){display:none}
.theme button:focus-visible,.theme input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* ---- Processing animation ---- */
.layer{overflow:hidden}
.proc{display:flex;align-items:center;gap:10px;margin-top:10px;font:600 12px/1.2 var(--mono);color:var(--ink-3);min-height:16px}
.proc .bar{flex:0 1 200px;height:7px;border:1.5px solid currentColor;border-radius:99px;overflow:hidden;opacity:.35}
.proc .bar i{display:block;height:100%;width:0;background:var(--brown)}
.proc .ok{opacity:0;font-weight:700;color:var(--mind);transform:scale(.6);transition:opacity .2s,transform .2s}
.layer.run .proc,.layer.done .proc{color:var(--ink)}
.layer.run .proc .bar,.layer.done .proc .bar{opacity:1}
.layer.done .proc .bar i{width:100%!important}
.layer.done .proc .ok{opacity:1;transform:none}
.layer:nth-child(5) .proc{color:var(--tan-2)}
.layer:nth-child(5).run .proc,.layer:nth-child(5).done .proc{color:var(--bg)}
.layer.run::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brown) 16%,transparent),transparent);animation:sweep 1.1s linear infinite}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.layer.run{transform:scale(1.015)}
.layer.run .k{animation:blink .5s steps(2) infinite}
@keyframes blink{50%{opacity:.35}}
.trade{transition:box-shadow .4s,transform .4s}
.trade.lit{transform:scale(1.03);box-shadow:0 8px 0 -2px var(--tan-2),0 0 0 6px color-mix(in srgb,var(--mind) 40%,transparent)}
.status{justify-self:center;display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border:2px solid var(--ink);border-radius:99px;background:var(--bg)}
.status .dot{width:9px;height:9px;border-radius:50%;background:var(--mind);animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}
.status .stx{min-width:20ch;text-align:left}

/* ---- Edit mode ---- */
.editing [data-k]{outline:2px dashed var(--brown);outline-offset:3px;border-radius:4px;cursor:text}
.editing [data-k]:focus{outline-style:solid;background:var(--paper)}
.editing .flip .in{transform:none!important}
.editing .flip .back{position:relative;transform:none;margin-top:8px}
.editing .flip{height:auto}.editing .flip .face{position:relative}
.theme .edit-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.theme .ebtn{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:99px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.theme .ebtn[aria-pressed="true"]{background:var(--brown);color:var(--on);border-color:var(--brown)}
.theme .estat{width:100%;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-3)}
.theme .confirm[hidden]{display:none}

/* ---- CTA ---- */
.cta{display:grid;gap:18px;justify-items:center;text-align:center;padding:44px 20px;border:2px solid var(--ink);border-radius:22px;background:var(--bg);box-shadow:var(--shadow)}
.btn{font:600 17px/1 var(--body);color:var(--on);background:var(--brown);border:2px solid var(--ink);padding:18px 26px;border-radius:12px;box-shadow:0 5px 0 0 var(--tan-2);cursor:pointer;transition:transform .12s, box-shadow .12s}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 0 var(--tan-2)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 0 var(--tan-2)}
.fine{font-size:13px;color:var(--ink-3);max-width:52ch;margin:0}

@media (max-width:820px){
  .brains{grid-template-columns:1fr}
  .vs{justify-self:center}
  .layer:nth-child(n){width:100%}
  .layer{padding:16px 18px}
  .layer.an{grid-template-columns:auto minmax(0,1fr)}
  .layer .asks{grid-column:2;justify-self:start}
  .tf{grid-template-columns:1fr}
  .rule{grid-template-columns:1fr}
}
@media (max-width:420px){.bias-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Loomi palette: preserve the reference layout and motion. */
:root[data-theme="light"]{--bg:#F4F2ED;--paper:#FFFFFF;--tan:#E9E5DC;--tan-2:#D5D0C5;--brown:#4E86A8;--on:#FFFFFF;--ink:#1E1D1B;--ink-2:#514E46;--ink-3:#706B61;--line:#D9D5CC;--gut:#776657;--gut-soft:#EEE6DC;--mind:#4E86A8;--mind-soft:#E3EDF2;--outside:#F4F2ED;--display:'Source Serif 4',Georgia,serif;--body:'Jost',system-ui,sans-serif;color-scheme:light}
body{padding-top:0}main.wrap{margin-top:28px}.workflow-note{max-width:620px;margin:0 auto;text-align:center}.cta a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.lnav{position:relative;z-index:20}.loomi-page-foot{max-width:1100px;margin:32px auto;padding:20px;text-align:center;font:14px/1.6 Jost,sans-serif;color:#706B61}.loomi-page-foot a{color:#3F708D;margin:0 9px}

body{margin:0}body>header.lnav{width:calc(100% + 32px);max-width:none;margin-left:-16px}