:root{--ml-ink:#102033;--ml-muted:#586371;--ml-coral:#b64e45;--ml-soft-coral:#ed7b74;--ml-gold:#f5bd69;--ml-cream:#fffaf3;--ml-border:#e4dbd0;--ml-teal:#206e73;--ml-serif:Inter,Arial,sans-serif}
.ml-page{margin:0;background:#f3ede5;color:var(--ml-ink);font:16px/1.65 Inter,Arial,sans-serif}.ml-page *{box-sizing:border-box}.ml-main a{color:inherit;text-decoration:none}.ml-page button,.ml-page input,.ml-page select{font:inherit}.ml-page button{cursor:pointer}.ml-page a:focus-visible,.ml-page button:focus-visible,.ml-page input:focus-visible,.ml-page summary:focus-visible,.ml-page select:focus-visible{outline:3px solid #217c8a;outline-offset:5px}.ml-page button:disabled{cursor:default;opacity:.6}.ml-page [hidden]{display:none!important}.ml-skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px 20px;z-index:20}.ml-skip:focus{top:10px}.ml-header,.ml-main,.ml-footer{max-width:1220px;margin:auto;background:var(--ml-cream)}.ml-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 48px;border-bottom:1px solid var(--ml-border);margin-top:22px}.ml-brand img{display:block;width:155px;height:54px;object-fit:contain}.ml-header nav{display:flex;flex-wrap:wrap;gap:27px;font-size:15px;margin:0;font-weight:700}.ml-header nav a[aria-current],.ml-header nav a:hover{color:var(--ml-coral)}.ml-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:68px 48px 58px;align-items:center}.ml-eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--ml-coral);margin:0 0 19px;text-transform:uppercase}.ml-kicker-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ml-coral);margin-right:8px}.ml-page h1{font-size:clamp(44px,5.1vw,68px);line-height:1.06;font-weight:750;letter-spacing:-1.5px;margin:0 0 25px}.ml-page h1 em{font-style:normal;color:var(--ml-coral)}.ml-hero-copy{font-size:18px;line-height:1.65;color:var(--ml-muted);max-width:480px}.ml-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:29px 0 20px}.ml-btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 28px;background:var(--ml-ink);color:#fff!important;border:1px solid var(--ml-ink);border-radius:5px;font-size:15px;font-weight:700;line-height:1.5}.ml-btn:hover{background:#29455f}.ml-btn.secondary{background:var(--ml-gold);color:var(--ml-ink)!important;border-color:var(--ml-gold)}.ml-btn.secondary:hover{background:#efb055}.ml-text-link{font-size:14px;font-weight:750;line-height:1.5}.ml-text-link:hover{text-decoration:underline}.ml-quiet{font-size:13px;color:var(--ml-muted)}.ml-hero-lab{background:var(--ml-ink);color:#fff;border-radius:14px;padding:22px 25px;position:relative;box-shadow:12px 12px 0 #e8d9c4}.ml-window-bar{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.3px;color:#becad6}.ml-window-bar>span:first-child{display:flex;gap:5px}.ml-window-bar i{height:6px;width:6px;background:#5b6b7d;border-radius:50%}.ml-window-bar i:first-child{background:var(--ml-soft-coral)}.ml-mini-label{font-size:16px;margin:25px 0 0}.ml-hero-lab svg{display:block;width:100%;margin:10px 0}.ml-hero-control{background:#1b3047;padding:10px 14px;border-radius:5px}.ml-hero-control label{display:block;font-size:12px;color:#d1dbe4}.ml-hero-control output{float:right;color:var(--ml-gold)}.ml-page input[type=range]{width:100%;accent-color:var(--ml-coral);cursor:pointer}.ml-hero-control input[type=range]{accent-color:var(--ml-gold)}.ml-mini-insight{display:flex;gap:12px;align-items:center}.ml-insight-icon{font-size:24px;color:var(--ml-gold)}.ml-mini-insight p{font-size:13px;color:#d2dbe5;line-height:1.5}.ml-lab-link{display:flex;justify-content:space-between;border-top:1px solid #405063;padding-top:12px;font-size:12px;color:var(--ml-gold)!important}.ml-facts{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 48px;border-block:1px solid var(--ml-border);padding:22px 0}.ml-facts p{font-size:13px;color:var(--ml-muted);margin:0}.ml-facts strong{font-size:32px;margin-right:10px;color:var(--ml-ink);font-weight:900}.ml-facts>span{font-size:12px;line-height:1.5;text-align:right;color:var(--ml-muted)}.ml-section{padding:58px 48px}.ml-page h2{font-size:34px;line-height:1.18;letter-spacing:-1.1px;margin:0 0 19px}.ml-start{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:30px}.ml-start>div:last-child p{font-size:16px;color:var(--ml-muted);margin:0 0 14px}.ml-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.ml-section-lead{font-size:16px;color:var(--ml-muted);margin:0}.ml-progress-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--ml-border);background:#f5eee3;padding:18px 22px;border-radius:12px;font-size:14px;margin-bottom:30px}.ml-progress-strip p{font-size:13px;color:var(--ml-muted);margin:3px 0 0}.ml-path-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 15px}.ml-path-stage h3{font-size:13px;letter-spacing:1px;margin:0;text-transform:uppercase}.ml-path-stage span{font-size:12px;color:var(--ml-muted)}.ml-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ml-lesson-card{background:#fff;border:1px solid var(--ml-border);border-radius:14px;padding:22px;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}.ml-lesson-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #10203309}.ml-lesson-card.planned{background:#f8f3ec}.ml-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ml-muted)}.ml-lesson-number{font-size:24px;font-weight:900;color:var(--ml-coral)}.ml-tag{display:inline-flex;border:1px solid var(--ml-border);border-radius:20px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.5;color:var(--ml-muted)}.ml-tag.live{background:#eaf3ef;color:#316556;border-color:#d7e8df}.ml-lesson-card h4{font-size:19px;line-height:1.25;letter-spacing:-.4px;margin:17px 0 12px}.ml-lesson-card>p{font-size:14px;line-height:1.65;color:var(--ml-muted);margin:0 0 18px;flex:1}.ml-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;border-top:1px solid #eee7df;padding-top:14px}.ml-card-bottom a{font-weight:750;color:var(--ml-coral)}.ml-card-bottom a:after{content:'';position:absolute;inset:0}.ml-card-bottom a:focus-visible:after{outline:3px solid #217c8a;outline-offset:3px;border-radius:7px}.ml-card-bottom span{color:var(--ml-muted)}.ml-path-note{display:flex;gap:14px;color:var(--ml-muted);margin-top:25px}.ml-path-note>span{font-size:25px;color:var(--ml-coral)}.ml-path-note p{font-size:13px;margin:0;max-width:680px}.ml-method{margin:0 48px;background:var(--ml-ink);color:#fff;padding:38px;border-radius:14px}.ml-method .ml-eyebrow{color:var(--ml-gold)}.ml-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.ml-method-grid article{border-top:1px solid #435368;padding-top:18px}.ml-method-grid span{font-size:12px;letter-spacing:1px;color:var(--ml-gold)}.ml-method-grid h3{font-size:17px;line-height:1.3;margin:12px 0}.ml-method-grid p{font-size:14px;color:#cbd4df}.ml-reading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ml-reading p:not(.ml-eyebrow){font-size:16px;color:var(--ml-muted);margin-bottom:22px}.ml-reading-list a{display:grid;grid-template-columns:1fr auto;padding:22px 0;border-bottom:1px solid var(--ml-border);gap:7px;font-size:16px}.ml-reading-list a>span:first-child{grid-column:1/-1;font-size:12px;color:var(--ml-coral);letter-spacing:1px}.ml-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ml-border);padding:24px 48px;margin-bottom:22px;font-size:12px;color:var(--ml-muted)}.ml-footer>a:first-child{font-weight:750;color:var(--ml-ink)}.ml-footer a:hover{text-decoration:underline}.ml-nojs{padding:30px;text-align:center;background:#fff3cd}.ml-breadcrumb{font-size:13px;color:var(--ml-muted);margin-bottom:22px}.ml-breadcrumb a:hover{text-decoration:underline}.ml-lesson-hero{padding:35px 48px 32px;border-bottom:1px solid var(--ml-border)}.ml-lesson-hero h1{font-size:44px;max-width:750px;letter-spacing:-1.5px}.ml-lesson-hero>p:not(.ml-eyebrow):not(.ml-breadcrumb){font-size:17px;color:var(--ml-muted);max-width:720px}.ml-lesson-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--ml-muted);margin-top:22px}.ml-lesson-shell{display:grid;grid-template-columns:205px minmax(0,1fr);align-items:start;padding:34px 48px 55px;gap:38px}.ml-sidebar{position:sticky;top:25px;font-size:13px}.ml-sidebar>p{font-size:12px;letter-spacing:1px;font-weight:700;margin-top:0}.ml-sidebar ol{list-style:none;padding:0;margin:14px 0 20px;border-left:1px solid var(--ml-border)}.ml-sidebar li a{display:block;padding:9px 0 9px 13px;font-size:13px;line-height:1.4}.ml-sidebar li a[aria-current]{color:var(--ml-coral);font-weight:750;border-left:2px solid var(--ml-coral);margin-left:-1px}.ml-sidebar .ml-in-page{display:grid;gap:9px;border-top:1px solid var(--ml-border);padding-top:18px;color:var(--ml-muted)}.ml-lesson-content{min-width:0}.ml-lesson-content h2{font-size:27px}.ml-lesson-content h3{font-size:18px;line-height:1.35}.ml-lesson-content p{font-size:16px}.ml-objectives{display:flex;gap:20px;background:#efe8dc;padding:18px 22px;border-radius:12px;margin-bottom:30px}.ml-objectives>b{font-size:13px;min-width:90px;padding-top:2px}.ml-objectives ul{margin:0;padding-left:17px;font-size:14px;color:#445061}.ml-prose{margin-bottom:30px}.ml-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ml-compare>div{border:1px solid var(--ml-border);border-radius:10px;padding:15px 18px;background:white}.ml-compare h3{font-size:16px;margin:0 0 7px}.ml-compare p{font-size:14px;margin:0;color:var(--ml-muted)}.ml-callout{border-left:3px solid var(--ml-gold);background:#fff3d9;padding:13px 18px;margin-top:20px;font-size:14px}.ml-experiment{border:1px solid var(--ml-border);background:white;border-radius:14px;overflow:hidden;margin:32px 0}.ml-experiment-head{padding:20px 23px;background:#f1ebe1;border-bottom:1px solid var(--ml-border)}.ml-experiment-head .ml-eyebrow{font-size:12px;margin-bottom:8px}.ml-experiment-head h2{font-size:23px;margin:0 0 8px}.ml-experiment-head p{font-size:14px;margin:0;color:var(--ml-muted)}.ml-lab-controls{padding:22px 23px;display:flex;align-items:end;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--ml-border)}.ml-control{min-width:155px;flex:1}.ml-control label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.ml-control output{float:right;color:var(--ml-coral);font-variant-numeric:tabular-nums}.ml-control select{display:block;width:100%;padding:7px 9px;border:1px solid var(--ml-border);border-radius:4px;background:white;font-size:14px;color:var(--ml-ink)}.ml-control input{display:block}.ml-small-btn{font-size:13px!important;padding:7px 12px;border:1px solid var(--ml-border);background:white;border-radius:20px;font-weight:700;color:var(--ml-ink)}.ml-small-btn:hover{background:#f3ece2}.ml-chart-wrap{padding:20px 23px;background:#f9faf9}.ml-chart-key{display:flex;gap:16px;font-size:12px;flex-wrap:wrap;color:var(--ml-muted)}.ml-chart-key span:before{content:'';display:inline-block;width:8px;height:8px;background:var(--swatch);border-radius:50%;margin-right:5px}.ml-chart{width:100%;display:block;max-height:340px;margin:12px 0}.ml-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 23px 20px;background:#f9faf9}.ml-metric{background:white;border:1px solid #e1e7e5;border-radius:10px;padding:12px;font-size:12px;color:var(--ml-muted)}.ml-metric strong{display:block;font-size:23px;line-height:1.4;color:var(--ml-ink);font-weight:700;font-variant-numeric:tabular-nums}.ml-result-note{padding:0 23px 18px;margin:0!important;background:#f9faf9;font-size:13px!important;color:var(--ml-muted)}.ml-try{padding:15px 23px;border-top:1px solid var(--ml-border);font-size:14px;background:#fff9e9}.ml-try b{color:#8a5819}.ml-task-list{padding:0 23px 20px}.ml-task{border-bottom:1px solid var(--ml-border);padding:18px 0}.ml-task p{font-size:15px;margin:0 0 10px}.ml-option{padding:7px 11px;margin:0 5px 5px 0;border:1px solid var(--ml-border);border-radius:10px;background:white;font-size:13px!important;color:var(--ml-ink)}.ml-option[aria-pressed=true]{background:var(--ml-ink);color:white;border-color:var(--ml-ink)}.ml-option.correct{background:#e9f4ef;color:#245748;border-color:#95c7b5}.ml-option.wrong{background:#fff0ec;color:#a2483c;border-color:#e7afa4}.ml-task-feedback{font-size:13px!important;color:var(--ml-teal);margin:8px 0 0!important}.ml-table-wrap{overflow:auto;padding:15px 23px}.ml-page table{border-collapse:collapse;width:100%;font-size:13px}.ml-page th,.ml-page td{text-align:left;padding:10px;border-bottom:1px solid var(--ml-border);vertical-align:top}.ml-page th{font-size:12px;color:var(--ml-muted)}.ml-confusion{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px auto;max-width:440px}.ml-confusion>div{padding:13px;border-radius:5px;background:#eaf3ef;border:1px solid #d2e2d9;font-size:13px}.ml-confusion .error{background:#fff1e5;border-color:#efd8bd}.ml-confusion strong{display:block;font-size:25px}.ml-checkpoint{margin:32px 0;padding:23px;border:1px solid var(--ml-border);background:#fff;border-radius:14px}.ml-checkpoint .ml-eyebrow{margin-bottom:10px}.ml-checkpoint h2{font-size:23px}.ml-checkpoint .ml-option{display:block;width:100%;text-align:left;padding:11px 14px;margin-top:8px}.ml-tech{border-top:1px solid var(--ml-border);border-bottom:1px solid var(--ml-border);padding:20px 0;margin:30px 0}.ml-tech summary{font-size:17px;font-weight:700;cursor:pointer}.ml-tech summary>span{display:block;font-size:13px;color:var(--ml-muted);font-weight:400;margin-top:3px}.ml-page pre{background:var(--ml-ink);color:#d9e4ec;padding:20px;overflow:auto;border-radius:5px;font:13px/1.7 Consolas,monospace}.ml-formula{font-family:var(--ml-serif);font-size:21px!important;color:var(--ml-teal)}.ml-lesson-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px}.ml-storage{font-size:12px!important;color:var(--ml-muted)}.ml-next{display:block;border-top:1px solid var(--ml-border);margin-top:25px;padding-top:18px}.ml-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ml-resource{padding:25px;border:1px solid var(--ml-border);background:white;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}.ml-resource h2,.ml-resource h3{font-size:21px;line-height:1.25;margin:15px 0 12px}.ml-resource p{font-size:15px;color:var(--ml-muted)}.ml-resource .ml-btn,.ml-resource .ml-text-link{margin-top:auto}.ml-resource ul{font-size:14px;padding-left:18px}.ml-resource-grid+.ml-callout{margin-top:25px}.ml-page .ml-resource-grid a:hover{text-decoration:underline}.ml-material-hero h1{max-width:850px}.ml-material-hero p{max-width:760px}.ml-material-hero{padding-bottom:10px}.ml-page details p{font-size:15px}
@media(min-width:1400px){.ml-hero{padding-top:80px;padding-bottom:70px}}@media(max-width:1050px){.ml-header{padding:22px 30px}.ml-header nav{gap:20px}.ml-hero{gap:35px;padding-inline:30px}.ml-section{padding-inline:30px}.ml-facts{margin-inline:30px}.ml-method{margin-inline:30px}.ml-lesson-shell{padding-inline:30px;grid-template-columns:160px minmax(0,1fr);gap:25px}.ml-lesson-hero{padding-inline:30px}.ml-lessons{gap:12px}.ml-lesson-card{padding:18px}.ml-hero-copy{font-size:16px}.ml-page h1{font-size:52px}}@media(max-width:760px){.ml-header{margin-top:0;flex-direction:column;align-items:flex-start;gap:18px;padding:20px 24px}.ml-brand img{width:130px;height:45px}.ml-header nav{gap:20px;font-size:14px;width:100%}.ml-hero{grid-template-columns:1fr;padding:38px 24px 45px;gap:30px}.ml-page h1{font-size:51px;letter-spacing:-2px}.ml-hero-lab{max-width:540px;box-shadow:7px 7px 0 #e8d9c4}.ml-facts{margin-inline:24px;flex-wrap:wrap;padding:18px 0;gap:12px}.ml-facts p{width:44%}.ml-facts>span{width:44%;text-align:left}.ml-section{padding:40px 24px}.ml-section-heading{align-items:flex-start;flex-direction:column;gap:20px}.ml-start,.ml-reading{grid-template-columns:1fr;gap:18px}.ml-page h2{font-size:30px}.ml-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-method{margin-inline:24px;padding:28px}.ml-method-grid{grid-template-columns:1fr;gap:13px}.ml-method-grid article{padding-top:12px}.ml-method-grid p{margin-bottom:0}.ml-footer{margin-bottom:0;padding:24px;flex-wrap:wrap}.ml-lesson-hero{padding:25px 24px}.ml-lesson-hero h1{font-size:36px;letter-spacing:-1px}.ml-lesson-shell{grid-template-columns:1fr;padding:25px 24px;gap:25px}.ml-sidebar{position:static}.ml-sidebar ol{display:flex;gap:7px;flex-wrap:wrap;border:0;margin-bottom:10px}.ml-sidebar ol li{width:30%}.ml-sidebar ol li a{padding:5px 7px;border:1px solid var(--ml-border);border-radius:4px;font-size:12px;height:100%}.ml-sidebar li a[aria-current]{margin:0;border:1px solid var(--ml-coral)}.ml-sidebar .ml-in-page{display:none}.ml-objectives{padding:16px;gap:13px}.ml-resource-grid{grid-template-columns:1fr}}@media(max-width:440px){.ml-lessons{grid-template-columns:1fr}.ml-page h1{font-size:45px}.ml-hero-lab{padding:18px}.ml-progress-strip{align-items:flex-start;flex-direction:column;gap:10px}.ml-hero .ml-eyebrow{font-size:11px}.ml-metrics{gap:5px;padding-inline:12px}.ml-metric{padding:9px}.ml-metric strong{font-size:19px}.ml-chart-wrap{padding-inline:12px}.ml-lesson-hero h1{font-size:33px}.ml-compare{grid-template-columns:1fr}.ml-objectives{display:block}.ml-objectives ul{margin-top:9px}.ml-table-wrap{padding-inline:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ml-lesson-card{transition:none}.ml-lesson-card:hover{transform:none}}

/* Version 8: site integration and new lesson features */
.ml-page{background:#f4eee6}
.ml-main{margin-top:0}
.ml-page .site-header{margin-bottom:0;border-bottom:1px solid var(--ml-border)}
.ml-crosslink a,.ml-prose a,.ml-takeaway a{text-decoration:underline;font-weight:700}
.ml-question{padding:6px 0 18px;border-bottom:1px solid var(--ml-border);margin-bottom:16px}
.ml-question:last-of-type{border-bottom:0}
.ml-question h2{font-size:20px!important;line-height:1.35}
.ml-qnum{color:var(--ml-coral)}
.ml-quiz-score{font-weight:800;margin:0!important}
.ml-progress-box{background:#fff;border:1px solid var(--ml-border);border-radius:14px;padding:16px 20px;min-width:280px}
.ml-progress-box .ml-eyebrow{margin-bottom:8px}
.ml-progress-box ul{list-style:none;padding:0;margin:0 0 8px;font-size:14px}
.ml-progress-box li{padding:3px 0 3px 26px;position:relative;color:var(--ml-muted)}
.ml-progress-box li:before{content:'';position:absolute;left:0;top:7px;width:14px;height:14px;border:2px solid #c9bfb2;border-radius:50%}
.ml-progress-box li.done{color:var(--ml-ink);font-weight:700}
.ml-progress-box li.done:before{background:#2f7a5c;border-color:#2f7a5c}
.ml-progress-state{font-weight:800;margin:0!important;font-size:14px!important}
@media(max-width:640px){.ml-chart .ml-prob{display:none}.ml-chart text{font-size:16px}.ml-progress-box{min-width:0;width:100%}}
.ml-btn{border-radius:28px;padding:15px 28px;font-size:14px;font-weight:800;gap:14px}

/* Code With Impact palette: coral emphasis and actions, gold secondary actions,
   navy demonstrations and cream pages. Dark coral remains for small text. */
.ml-page h1 em{color:var(--coral,#ED7B74)}
.ml-kicker-dot{background:var(--coral,#ED7B74)}
.ml-btn{background:var(--coral,#ED7B74);border-color:var(--coral,#ED7B74);box-shadow:0 8px 18px rgba(237,123,116,.28)}
.ml-btn:hover{background:#e76f68;border-color:#e76f68}
.ml-btn.secondary{background:var(--gold,#F5BD69);border-color:var(--gold,#F5BD69);box-shadow:none}
.ml-btn.secondary:hover{background:#efb055;border-color:#efb055}

/* Version 9: "How it works" panels, Methods guide and course note */


.ml-method-panel,.mg-card{background:#fff;border:1px solid var(--ml-border);border-radius:14px;padding:26px 28px;margin:32px 0}
.ml-method-panel{border-top:4px solid var(--ml-coral)}
.ml-method-panel h2,.mg-card h2{font-size:26px!important;margin:0 0 6px}
.ml-method-task{font-weight:800;color:var(--ml-teal);margin:0 0 16px!important;font-size:15px!important}
.ml-method-grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
.ml-method-grid2 h3,.ml-method-lists h3{font-size:16px;margin:14px 0 6px}
.ml-method-grid2 h3:first-child{margin-top:0}
.ml-method-grid2 p,.ml-method-lists li{font-size:15px!important;line-height:1.6}
.ml-method-chart{background:#f9faf9;border:1px solid #e1e7e5;border-radius:12px;padding:12px}
.mc-chart{width:100%;height:auto;display:block}
.mc-axis{font-size:10px;fill:#62717d}
.mc-dot{fill:#c05a50}.mc-hollow{fill:#fff;stroke:#62717d;stroke-width:1.5}.mc-faint{fill:#d6c9c2}
.mc-line{fill:none;stroke:#102033;stroke-width:2.5}.mc-line2{fill:none;stroke:#bf8629;stroke-width:2.2}.mc-line3{fill:none;stroke:#287d85;stroke-width:1.8}
.mc-thin{fill:none;stroke:#9aa5b1;stroke-width:1.2;opacity:.8}
.mc-gap{stroke:#c9cfd1;stroke-width:1}
.mc-star{fill:#f5bd69;stroke:#102033;stroke-width:2}
.mc-node{fill:#fff;stroke:#102033;stroke-width:2}
.mc-bar1{fill:#c05a50}.mc-bar2{fill:#287d85}
.mc-c1{fill:#c05a50}.mc-c2{fill:#287d85}.mc-c3{fill:#bf8629}
.mc-c1-x,.mc-c2-x,.mc-c3-x{stroke:#102033;stroke-width:3}
.mc-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px!important;color:var(--ml-muted);margin:8px 0 0!important}
.mc-legend span:before{content:'';display:inline-block;width:14px;height:4px;margin-right:6px;vertical-align:middle;background:#102033;border-radius:2px}
.mc-legend .k-dot:before{width:9px;height:9px;border-radius:50%;background:#c05a50}
.mc-legend .k-hollow:before{width:9px;height:9px;border-radius:50%;background:#fff;border:1.5px solid #62717d}
.mc-legend .k-star:before{width:10px;height:10px;border-radius:50%;background:#f5bd69;border:2px solid #102033}
.mc-legend .k-gap:before{background:#c9cfd1}.mc-legend .k-line2:before{background:#bf8629}.mc-legend .k-line3:before{background:#287d85}.mc-legend .k-thin:before{background:#9aa5b1}
.mc-legend .k-bar1:before{background:#c05a50;height:10px}.mc-legend .k-bar2:before{background:#287d85;height:10px}
.mc-legend .k-c:before{background:linear-gradient(90deg,#c05a50 33%,#287d85 33% 66%,#bf8629 66%);height:8px}
.mc-legend .k-x:before{content:'✕';background:none;width:auto;height:auto;color:#102033;font-weight:900}
.mc-note{font-size:13px!important;color:var(--ml-muted);margin:8px 0 0!important}
.mc-rules{margin:8px 0 0;padding-left:18px;font-size:13px;color:#3b4757}
.ml-method-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;border-top:1px solid var(--ml-border);padding-top:8px}
.ml-method-lists ul{margin:0;padding-left:20px}
.ml-method-more{margin:16px 0 0!important}.ml-method-more a,.mg-read a{color:var(--ml-coral);font-weight:800;text-decoration:underline}
.mg-jump{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.mg-jump a{border:1px solid var(--ml-border);background:#fff;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700}
.mg-jump a:hover{border-color:var(--ml-coral);color:var(--ml-coral)}
.mg-compare{margin:10px 0 30px}.mg-compare h2{font-size:26px}
.mg-compare td,.mg-compare th{font-size:14px}
.mg-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}
.mg-num{font-size:28px;font-weight:900;color:var(--ml-coral);line-height:1}
.mg-head .ml-tag{font-size:12px}
.mg-card{scroll-margin-top:20px}
.mg-read{font-size:14px!important;margin:12px 0 0!important}
.mg-sources p{max-width:820px}.mg-sources a{text-decoration:underline}
@media(max-width:860px){.ml-method-grid2,.ml-method-lists{grid-template-columns:1fr}.ml-method-panel,.mg-card{padding:20px}}
@media(max-width:640px){.mc-axis{font-size:13px}}

/* One course, with optional technical detail inside each lesson. */
.ml-course-note{background:#fff;border:1px solid var(--ml-border);border-left:4px solid var(--ml-gold);border-radius:10px;padding:14px 18px;font-size:15px;margin:-12px 0 24px;color:#3b4757}

/* Version 10: invitation to ask and collaborate */
.ml-invite{margin:10px 48px 30px;background:#fff3d9;border:1px solid #f1d9a8;border-radius:14px;padding:28px 32px;display:grid;grid-template-columns:1.4fr auto;gap:24px;align-items:center}
.ml-invite h2{margin:0 0 10px}.ml-invite p:not(.ml-eyebrow){font-size:16px;margin:0;color:#3b4757;max-width:640px}
.ml-invite-actions{display:flex;flex-wrap:wrap;gap:12px}
.ml-ask{font-size:15px!important;margin:14px 0!important}.ml-ask a{text-decoration:underline;font-weight:700;color:var(--ml-coral)}
@media(max-width:760px){.ml-invite{grid-template-columns:1fr;margin:10px 16px 24px;padding:22px}}

/* Version 10: plain-language explainer boxes and list takeaways */
.ml-explain{background:#fff;border:1px solid var(--ml-border);border-left:4px solid var(--ml-teal);border-radius:10px;padding:16px 20px;margin-top:20px}
.ml-explain h3{margin:0 0 8px;font-size:18px}.ml-explain p{font-size:15px!important;margin:0 0 8px}
.ml-term{color:var(--ml-muted)}
.ml-takeaway ul{margin:0;padding-left:22px}.ml-takeaway li{font-size:16px;margin:4px 0}

/* Version 11: three piles of days */
.ml-piles{background:#fff;border:1px solid var(--ml-border);border-top:4px solid var(--ml-teal);border-radius:14px;padding:22px 26px;margin:0 0 30px}
.ml-piles h2{margin:0 0 8px}
.ml-pile-strip{display:flex;gap:4px;margin:16px 0;border-radius:10px;overflow:hidden}
.ml-pile-strip .pile{padding:12px 14px;color:#fff;min-width:0}
.ml-pile-strip .pile b{display:block;font-size:15px}.ml-pile-strip .pile span{font-size:13px;opacity:.92}
.pile.train{background:#c05a50}.pile.valid{background:#287d85}.pile.test{background:#102033}
.ml-pile-list{margin:0 0 10px;padding-left:20px}.ml-pile-list li{font-size:15px;margin:4px 0}
.ml-pile-why{font-size:15px!important;color:#3b4757;margin:0!important}
@media(max-width:640px){.ml-pile-strip{flex-direction:column}.ml-pile-strip .pile{flex:none!important}}

/* Classification boxes: plain meaning plus the technical name (Claude_12) */
.ml-confusion small{display:block;margin-top:4px;font-size:12px;color:var(--ml-muted)}
.ml-chart-key span[style*="--swatch:hollow"]:before{background:#fff!important;border:1.5px solid #8a96a0;box-sizing:border-box;width:11px;height:11px;vertical-align:-1px}
.ml-chart-key span[style*="--swatch:ring"]:before{background:#fff!important;border:3px solid #102033;box-sizing:border-box;width:11px;height:11px;vertical-align:-1px}
.ml-result-note+.mlx-lesson{margin:0 23px 20px}