.classic-page{padding-top:18px}.classic-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:56px 52px;border-radius:24px;background:linear-gradient(135deg,#e5f8f2,#fff 57%,#eceaff)}.classic-hero.knn{background:linear-gradient(135deg,#eceaff,#fff 57%,#fff0e5)}.classic-hero h1{margin:0 0 17px;font-size:clamp(45px,5vw,68px);line-height:1.04;letter-spacing:-3px}.classic-hero .lead{font-size:19px}.classic-hero .button{margin-top:22px}.classic-section{margin-top:76px}.classic-head{max-width:850px;margin-bottom:25px}.classic-head h2{margin:0 0 10px;font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-1.8px}.classic-head>p:last-child{color:var(--muted);font-size:18px}.classic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.classic-grid.four{grid-template-columns:repeat(4,1fr)}.classic-card{padding:25px;border:1px solid var(--line);border-top:5px solid #4e46e5;border-radius:14px;background:#fff}.classic-card:nth-child(2){border-top-color:#19a987}.classic-card:nth-child(3){border-top-color:#e07740}.classic-card:nth-child(4){border-top-color:#d65369}.classic-card h3{margin:0 0 8px;font-size:23px}.classic-card p{color:var(--muted);font-size:16px}.classic-card code{display:block;margin-top:13px;padding:12px;border-radius:8px;background:#f1f2f8;color:#313b52;font:700 15px/1.6 'DM Mono',monospace;overflow:auto}.classic-note,.classic-warning{margin-top:18px;padding:19px 21px;border-left:5px solid #19a987;border-radius:0 10px 10px 0;background:#e7f9f4;color:#315e56;font-size:17px;line-height:1.7}.classic-warning{border-color:#e07740;background:#fff1e7;color:#684a39}.classic-formula{display:block;margin:18px 0;padding:19px 22px;border-radius:10px;background:#252d46;color:#fff;font:700 18px/1.7 'DM Mono',monospace;overflow:auto}.classic-formula strong{color:#6ee7cf}.classic-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.classic-table{width:100%;border-collapse:collapse;font-size:16px}.classic-table th,.classic-table td{min-width:155px;padding:15px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.classic-table th{background:#293049;color:#fff}.classic-table tbody tr:nth-child(even){background:#f7f8fb}.classic-table td:first-child{font-weight:800}.classic-flow{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;gap:10px;align-items:center}.classic-flow article{height:100%;min-height:155px;padding:21px;border:1px solid var(--line);border-radius:12px;background:#fff}.classic-flow b,.classic-flow span,.classic-flow code{display:block}.classic-flow b{color:#4e46e5;font-size:19px}.classic-flow span{margin:7px 0;color:var(--muted);font-size:15px}.classic-flow code{color:#313b52;font:700 14px/1.6 'DM Mono',monospace}.classic-flow>i{color:#5b4ee8;font-size:21px;font-style:normal;text-align:center}.classic-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch}.classic-example>article{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff}.classic-example h3{margin:0 0 9px;font-size:25px}.classic-example p{color:var(--muted);font-size:17px}.classic-steps{display:grid;gap:9px}.classic-steps code{display:block;padding:14px;border-radius:8px;background:#f1f2f8;color:#313b52;font:700 15px/1.6 'DM Mono',monospace}.classic-steps code strong{color:#4e46e5}.classic-code{margin-top:70px}.classic-code .code-window pre{font-size:15px}.classic-closing{margin-top:72px;padding:38px;border-radius:17px;background:linear-gradient(135deg,#272e47,#35405e);color:#fff;text-align:center}.classic-closing h2{margin:0 auto 9px;font-size:32px}.classic-closing p{max-width:700px;margin:0 auto 20px;color:#d5dbea;font-size:17px}
/* Random Forest */
.forest-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end;padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff}.mini-tree{display:grid;justify-items:center}.mini-tree i{position:relative;width:50px;height:50px;border-radius:50%;background:#dff7ef}.mini-tree i::before,.mini-tree i::after{content:'';position:absolute;width:38px;height:38px;border-radius:50%;background:#bdebdc}.mini-tree i::before{left:-22px;top:24px}.mini-tree i::after{right:-22px;top:24px}.mini-tree b{width:8px;height:43px;margin-top:13px;background:#8b6346}.mini-tree span{margin-top:8px;padding:5px 8px;border-radius:6px;background:#eceaff;color:#4e46d7;font:800 12px 'DM Mono'}.forest-vote{grid-column:1/-1;margin-top:9px;padding:14px;border-radius:9px;background:#252d46;color:#fff;text-align:center;font:800 15px 'DM Mono'}.forest-vote strong{color:#6ee7cf}.bootstrap-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bootstrap-row span{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eceaff;color:#4e46d7;font:800 13px 'DM Mono'}.bootstrap-row span.repeat{background:#fff0e5;color:#aa5529}.bootstrap-row span.oob{border:2px dashed #19a987;background:#fff;color:#0b7e69}.forest-voting{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:18px}.forest-voting article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.forest-voting b,.forest-voting span{display:block}.forest-voting b{color:#4e46e5;font-size:17px}.forest-voting span{margin:8px 0;font-size:27px}.forest-voting code{font:750 14px 'DM Mono'}.forest-voting .final{background:#252d46;color:#fff}.forest-voting .final b{color:#6ee7cf}
/* k-NN */
.knn-visual{position:relative;min-height:340px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(#fff,#fafbff)}.knn-axis{position:absolute;background:#9ba5b8}.knn-axis.x{left:10%;right:7%;bottom:12%;height:2px}.knn-axis.y{left:10%;top:8%;bottom:12%;width:2px}.knn-radius{position:absolute;left:47%;top:43%;width:170px;height:170px;transform:translate(-50%,-50%);border:2px dashed #8d85ff;border-radius:50%;background:#eceaff55}.knn-point{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-weight:900}.knn-point.a{border:4px solid #4e46e5;color:#4e46e5}.knn-point.b{border:4px solid #e06c37;color:#e06c37}.knn-point.q{left:44%;top:39%;width:38px;height:38px;border:4px solid #172033;color:#172033}.knn-point.p1{left:27%;top:29%}.knn-point.p2{left:34%;top:52%}.knn-point.p3{left:63%;top:25%}.knn-point.p4{left:58%;top:52%}.knn-point.p5{left:74%;top:65%}.knn-point.p6{left:22%;top:67%}.knn-visual small{position:absolute;right:7%;bottom:5%;color:var(--muted);font-weight:750}.distance-bars{display:grid;gap:11px;margin-top:16px}.distance-bars div{display:grid;grid-template-columns:105px 1fr 75px;gap:10px;align-items:center}.distance-bars span{font-weight:800}.distance-bars i{height:12px;border-radius:99px;background:#4e46e5}.distance-bars div:nth-child(2n) i{background:#e06c37}.distance-bars b{text-align:right;font:750 14px 'DM Mono'}.k-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.k-scale article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.k-scale h3{margin:0 0 7px;font-size:22px}.k-scale p{color:var(--muted)}.k-dots{display:flex;gap:7px;margin-top:14px}.k-dots i{width:23px;height:23px;border-radius:50%;background:#4e46e5}.k-dots i:nth-child(2n){background:#e06c37}
@media(max-width:1050px){.classic-hero,.classic-example{grid-template-columns:1fr}.classic-grid.four{grid-template-columns:1fr 1fr}.classic-flow{grid-template-columns:1fr}.classic-flow>i{transform:rotate(90deg)}.forest-voting{grid-template-columns:1fr 1fr 1fr}.forest-voting .final{grid-column:1/-1}.k-scale{grid-template-columns:1fr}}
@media(max-width:760px){.classic-hero{padding:38px 23px}.classic-hero h1{font-size:42px}.classic-grid,.classic-grid.four{grid-template-columns:1fr}.forest-visual{padding:22px 15px}.mini-tree i{width:38px;height:38px}.mini-tree i::before,.mini-tree i::after{width:28px;height:28px}.mini-tree i::before{left:-16px}.mini-tree i::after{right:-16px}.forest-voting{grid-template-columns:1fr}.forest-voting .final{grid-column:auto}.classic-code .code-window pre{font-size:12px}.knn-visual{min-height:300px}.knn-radius{width:140px;height:140px}.distance-bars div{grid-template-columns:85px 1fr 62px}.classic-formula{font-size:15px}}