.app-shell{max-width:1240px;margin:0 auto;padding:30px 34px 24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.05}.lede{margin:10px 0 0;color:var(--muted);font-size:1.05rem}.hero-badge{display:grid;place-items:center;width:94px;height:94px;border:1px solid #b9d4ee;border-radius:26px;background:#eaf3ff;color:var(--blue);box-shadow:var(--shadow)}.hero-badge span{font-size:1.45rem;font-weight:900}.hero-badge small{font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.toolbar label{color:var(--muted);font-size:.78rem;font-weight:800}.toolbar select{margin-left:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.button{border:0;border-radius:9px;padding:9px 13px;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.button-primary{background:var(--blue);color:#fff}.status{margin-left:auto;color:var(--teal);font-size:.76rem;font-weight:800}.lesson-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.card-heading,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card-heading{margin-bottom:10px}.card h2,.section-heading h2{margin:0;font-size:1.05rem}.card-heading p,.section-heading p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.tag{display:inline-flex;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.69rem;font-weight:800;letter-spacing:.03em}.tag-teal{background:#e3f5f3;color:#137674}.tag-amber{background:#fff2da;color:#96600d}.data-card svg{display:block;width:100%;max-height:365px}.plot-axis{stroke:#8b9aa3;stroke-width:1.2}.plot-grid{stroke:#e2e8ea;stroke-width:1}.axis-label{fill:#64747e;font-size:12px;font-weight:800}.point{cursor:pointer;stroke:#fff;stroke-width:2;transition:r .15s}.point:hover,.point.selected{stroke:#17212b;stroke-width:4}.point.selected{filter:drop-shadow(0 0 3px rgba(23,33,43,.35))}.legend{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:.74rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.coral{background:#d66762}.indigo{background:#5267bf}.vote-card{display:flex;flex-direction:column}.vote-result{display:grid;place-items:center;min-height:130px;margin:6px 0 18px;border-radius:14px;background:#f5f8f9;text-align:center}.vote-result strong{display:block;font-size:2rem}.vote-result span{color:var(--muted);font-size:.78rem;font-weight:800}.vote-bars{display:grid;gap:11px}.vote-bars>div{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:9px;color:var(--muted);font-size:.76rem;font-weight:800}.vote-track{height:12px;overflow:hidden;border-radius:99px;background:#f4d9d7}.vote-track i{display:block;height:100%;background:#d66762;transition:width .25s}.indigo-track{background:#dce1f6}.indigo-track i{background:#5267bf}.explain{display:grid;gap:5px;margin-top:auto;padding:13px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.explain b{color:var(--ink)}.forest-section{margin-bottom:16px}.section-heading{margin:0 3px 11px}.agreement{color:var(--teal);font-size:.75rem;font-weight:800}.tree-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.tree-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.tree-card h3{margin:0;color:var(--blue);font-size:.9rem}.tree-card p{margin:8px 0;color:var(--muted);font-size:.73rem}.tree-card .split{padding:8px;border-radius:8px;background:#f5f8f9;color:#31505e;font:700 .72rem/1.4 ui-monospace,SFMono-Regular,monospace}.tree-card .tree-vote{display:inline-block;margin-top:9px;padding:4px 8px;border-radius:99px;font-size:.7rem;font-weight:900}.tree-vote.coral{color:#9e3935;background:#fbe6e4}.tree-vote.indigo{color:#384b9e;background:#e7eafd}.takeaway{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.takeaway p{margin:8px 0 0;color:var(--muted);font-size:.84rem}.takeaway b{color:var(--ink)}.note{padding-left:18px;border-left:3px solid var(--amber)}@media(max-width:800px){.app-shell{padding:22px 16px}.lesson-grid,.takeaway{grid-template-columns:1fr}.status{width:100%;margin-left:0}.hero-badge{width:72px;height:72px;border-radius:20px}.hero-badge span{font-size:1.1rem}.tree-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hero{align-items:flex-start}.hero-badge{display:none}.tree-cards{grid-template-columns:1fr}.toolbar .button{width:100%}}
.forest-meta{display:grid;justify-items:end;gap:4px}.forest-version{padding:5px 9px;border-radius:99px;background:#e8f0ff;color:#285da9;font-size:.75rem;font-weight:900}.tree-card .bootstrap-draw{min-height:46px;margin:8px 0;padding:8px;border-left:3px solid #b9d4ee;border-radius:7px;background:#f5f8f9;color:#36505c;font:.69rem/1.45 ui-monospace,SFMono-Regular,monospace}@media(max-width:520px){.forest-meta{justify-items:start}}
.point.coral{fill:#d66762}.point.indigo{fill:#5267bf}
.tree-plot{display:block;width:100%;margin:10px 0 6px}.tree-plot-bg{fill:#fbfcfc;stroke:#dfe6ea}.tree-axis{stroke:#9aa8af;stroke-width:1}.tree-boundary{stroke-width:2.5;stroke-dasharray:4 3}.tree-rule{font:700 8px ui-monospace,SFMono-Regular,monospace;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.tree-point{stroke:#fff;stroke-width:1}.tree-selected{fill:none;stroke:#17212b;stroke-width:2}.tree-axis-label{fill:#6b7c85;font-size:8px;font-weight:800}
.mode-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mode-picker>span{color:var(--muted);font-size:.78rem;font-weight:800}.mode-button{border:1px solid var(--line);border-radius:8px;padding:6px 9px;background:#fff;color:var(--ink);font:800 .75rem inherit;cursor:pointer}.mode-button.active{border-color:var(--blue);background:#eaf3ff;color:var(--blue)}.tree-card .feature-draw{min-height:47px;margin:8px 0;padding:8px;border-left:3px solid #b9e0dc;border-radius:7px;background:#f4fbfa;color:#36505c;font:.68rem/1.45 ui-monospace,SFMono-Regular,monospace}.tree-card .feature-draw b,.tree-card .bootstrap-draw b{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.point.teal{fill:#148a88}.tree-vote.teal{color:#087974;background:#e3f5f3}.vote-bars>div{grid-template-columns:90px 1fr 28px}
.decision-region{opacity:.17}.tree-card.decision-correct{border-color:#a9d9d0;box-shadow:inset 0 0 0 1px #e0f3ef,var(--shadow)}.tree-card.decision-incorrect{border-color:#e6b0ac;box-shadow:inset 0 0 0 1px #f9e7e5,var(--shadow)}.tree-selected.correct{stroke:#12806f}.tree-selected.incorrect{stroke:#c5504e}
.control-step{color:var(--blue);font-size:.78rem;font-weight:900}.model-chooser{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.model-chooser .status{margin-left:auto}
.tree-cards{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch}.model-difference{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px;width:100%;padding-top:2px}.model-difference span{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:#f5f8f9;color:#536770;font-size:.73rem}.model-difference b{color:var(--ink);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}@media(max-width:1050px){.tree-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.tree-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.model-difference{grid-template-columns:1fr}.tree-cards{grid-template-columns:1fr}}
.test-hint{margin:5px 0 0;color:var(--blue);font-size:.72rem;font-weight:800}.test-point{stroke-width:3}.test-point-label{font-size:11px;font-weight:900}.tree-card.decision-test{border-color:#cbbce8;box-shadow:inset 0 0 0 1px #f0ecf8,var(--shadow)}.tree-selected.test{stroke:#6e4ca6}
.data-card #scatterplot{cursor:crosshair}.data-card #scatterplot .point{cursor:pointer}
.cart-grid{margin-bottom:16px}.split-chart,.depth-chart{display:block;width:100%;height:auto;margin-top:8px}.split-y-tick{font-size:9px}.split-line{fill:none;stroke-width:2.2;stroke-linejoin:round}.split-line.split-x{stroke:var(--blue)}.split-line.split-y{stroke:var(--teal)}.split-winner-dot{fill:#d58b16;stroke:#fff;stroke-width:2}.split-readout{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#fff7e8;color:#66532d;font-size:.76rem;font-weight:700}.legend-compact{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:10px;color:var(--muted);font-size:.74rem}.legend-compact span{display:flex;align-items:center;gap:6px}.legend-compact b{color:var(--ink)}.line-swatch{display:inline-block;width:16px;height:0;border-top:3px solid}.line-swatch.split-x{border-top-color:var(--blue)}.line-swatch.split-y{border-top-color:var(--teal)}.line-swatch.depth-train{border-top-color:var(--blue)}.line-swatch.depth-loo{border-top-color:#d58b16;border-top-style:dashed}.split-line.depth-train{stroke:var(--blue)}.split-line.depth-loo{stroke:#d58b16;stroke-dasharray:5 4}.depth-current-line{stroke:#8b9aa3;stroke-width:1.2;stroke-dasharray:3 3}@media(max-width:800px){.cart-grid{grid-template-columns:1fr}}