:root{--ink:#1f2f3d;--muted:#647582;--grid:#dbe4e8;--paper:#fbfcfb;--panel:#fff;--teal:#31776f;--blue:#3c78a8;--red:#c74d58;--gold:#d99a2b;--pale:#eef5f5;--lav:#f5f2fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.page{max-width:1180px;margin:auto;padding:32px 20px 54px}.eyebrow{color:var(--teal);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav{display:flex;gap:7px;flex-wrap:wrap}.nav a{border:1px solid var(--grid);border-radius:7px;padding:6px 9px;color:var(--muted);font-size:.8rem;font-weight:700;text-decoration:none}.nav a:hover,.nav a[aria-current="page"]{border-color:var(--teal);color:var(--teal);background:#f4f9f8}.title{font-size:clamp(2rem,4.6vw,3.45rem);line-height:1.04;font-weight:500;letter-spacing:-.045em;margin:12px 0 10px}.intro{color:var(--muted);max-width:800px;line-height:1.55;margin:0 0 26px}.callout{border-left:4px solid var(--teal);background:var(--pale);padding:14px 16px;margin:18px 0 26px;line-height:1.5;color:var(--muted)}.callout strong{color:var(--ink)}.lesson{border-top:1px solid var(--grid);padding:25px 0 0;margin-top:25px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.section-head h2{font-size:1.35rem;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);line-height:1.48;max-width:720px}.button{border:1px solid var(--grid);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:.84rem;font-weight:750;padding:8px 11px;cursor:pointer}.button:hover{border-color:var(--teal);color:var(--teal)}.model-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:16px;align-items:start;margin-top:18px}.chart-frame{border:1px solid var(--grid);border-radius:9px;background:var(--panel);padding:7px}.chart-frame svg{display:block;width:100%;height:auto}.chart-label{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.reading{background:var(--lav);border-left:3px solid #8070a4;padding:14px 15px;color:var(--muted);font-size:.92rem;line-height:1.5}.reading h3{font-size:.95rem;color:var(--ink);margin:0 0 7px}.reading p{margin:0 0 10px}.reading p:last-child{margin-bottom:0}.equation{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;color:var(--ink);background:#fff;border:1px solid var(--grid);border-radius:6px;padding:9px 10px;margin:10px 0}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.model-card{border:1px solid var(--grid);border-radius:10px;background:var(--panel);padding:13px}.model-card.bad{border-top:4px solid var(--red)}.model-card.good{border-top:4px solid var(--teal)}.model-card h3{font-size:1rem;margin:0 0 3px}.model-card>p{color:var(--muted);font-size:.85rem;line-height:1.45;margin:0 0 11px}.diagnostics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.diagnostic-title{font-size:.67rem;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px}.diagnostic{border:1px solid var(--grid);border-radius:7px;padding:3px}.diagnostic svg{display:block;width:100%;height:auto}.metric{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 0;color:var(--muted);font-size:.82rem}.metric span{background:#f5f7f7;border-radius:5px;padding:5px 7px}.metric b{color:var(--ink)}.legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin:8px 2px 0}.legend i{display:inline-block;width:15px;border-top:2px solid var(--red);vertical-align:middle;margin-right:4px}.legend i.curve{border-color:var(--teal)}.legend i.dot{border:0;width:8px;height:8px;border-radius:50%;background:var(--blue)}.takeaway{margin-top:22px;border-top:1px solid var(--grid);padding-top:20px}.takeaway h2{font-size:1.25rem;margin:0 0 10px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.step{background:#fff;border:1px solid var(--grid);border-radius:8px;padding:13px}.step strong{color:var(--teal);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.step p{color:var(--muted);font-size:.88rem;line-height:1.48;margin:7px 0 0}.footer{border-top:1px solid var(--grid);margin-top:30px;padding-top:15px;color:var(--muted);font-size:.8rem;line-height:1.45}@media(max-width:850px){.model-grid{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.overfit-layout{grid-template-columns:1fr}}@media(max-width:560px){.page{padding:24px 12px 40px}.diagnostics,.steps{grid-template-columns:1fr}.title{font-size:2.15rem}}.overfit-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:16px;align-items:start;margin-top:18px}.overfit .legend i.overfit-line{border-color:#8070a4}.overfit-controls{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:17px 0 11px}.order-readout{min-width:118px;text-align:center}.order-readout span{display:block;font-size:.72rem;color:var(--muted);font-weight:750;letter-spacing:.05em;text-transform:uppercase}.order-readout strong{font-size:1.05rem}.button:disabled{cursor:not-allowed;opacity:.42}.overfit-metrics{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.overfit-metrics span{border:1px solid var(--grid);border-radius:7px;background:#fff;padding:7px 9px;color:var(--muted);font-size:.84rem}.overfit-metrics b{color:var(--ink)}.overfit-metrics .warning{background:#fff8f7;border-color:#efc6ca;color:#9e3d47}
