/* Data leakage: readable explanations alongside the existing live calculation. */
body[data-page="ml/leakage"] .stage{grid-template-columns:minmax(0,1fr) 248px}
body[data-page="ml/leakage"] .fig{padding:20px 22px}
body[data-page="ml/leakage"] .panel{display:flex;flex-direction:column;gap:18px}
body[data-page="ml/leakage"] .ml-scene-header{margin-bottom:14px}
body[data-page="ml/leakage"] .ml-phase{border:0;box-shadow:none;background:transparent;min-height:36px;font-size:12px;padding:7px 8px}
body[data-page="ml/leakage"] .ml-phase.active{background:#EAF1FF;color:#174FB2}
body[data-page="ml/leakage"] .ml-phase::after{display:none}
body[data-page="ml/leakage"] .cap{min-height:0;font-size:13px;line-height:1.7}
.leak-task{padding:16px 18px;background:#F5F8FC;border-left:3px solid #2563EB;border-radius:0 10px 10px 0}
.leak-task>span{display:block;font-size:11px;color:#385A76;margin-bottom:7px}
.leak-task>strong{display:block;font-size:20px;line-height:1.5;color:#10283E}
.leak-task p{margin:7px 0 0;font-size:13px;line-height:1.8;color:#294258}
body[data-page="ml/leakage"] #cv{display:block;width:100%;margin-top:6px}
.leak-label-note{margin:6px 0 0;padding:12px 14px;border-top:1px solid #E4EAF2;font-size:13px;line-height:1.85;color:#294258}
.leak-evaluation{border-top:1px solid #E4EAF2;margin-top:14px;padding-top:20px}
.leak-task,.leak-evaluation,.leak-new{scroll-margin-top:18px}
.leak-section-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.leak-section-title>span{font-size:11px;font-weight:650;color:#44657E}
body[data-page="ml/leakage"] .leak-section-title h2{font-size:18px;line-height:1.6;margin:0;color:#10283E}
.leak-small{font-size:12px;line-height:1.8;color:#385167;margin:6px 0 12px}
.leak-score-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.leak-score-card{min-width:0;border:1px solid #F3D4C4;border-top:3px solid #D85A30;border-radius:10px;padding:14px;background:#FFF6F0;color:#A44020}
.leak-score-card.safe{border-color:#D7E5FF;border-top-color:#2563EB;background:#F3F7FF;color:#2053B0}
.leak-score-card h3{margin:0;font-size:15px;line-height:1.6;color:inherit}
.leak-score-card p{font-size:12px;line-height:1.7;margin:5px 0 6px;color:#385167;min-height:21px}
.leak-number{display:flex;align-items:baseline;gap:10px}
.leak-number strong{font-size:40px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums}
.leak-number span{font-size:12px}
.leak-score-card small{display:block;font-size:11px;line-height:1.7;margin-top:3px;color:inherit}
.leak-auc-help{margin:12px 0}
.leak-reason{padding:12px 14px;background:#FFF1E8;border-radius:9px;font-size:13px;line-height:1.85;color:#813817}
.leak-reason.safe{background:#EFF5FF;color:#234D88}
.leak-details{border-top:1px solid #E4EAF2;padding-top:12px;margin-top:14px;font-size:12px;line-height:1.85;color:#2A4358}
.leak-details summary{cursor:pointer;font-weight:600;line-height:1.8;color:#2A4358}
.leak-details summary:focus-visible{outline:3px solid #70A6F1;outline-offset:4px;border-radius:3px}
.leak-details p{margin:10px 0 0}
.leak-details a{display:inline-block;margin-top:10px;color:#2053B0}
body[data-page="ml/leakage"] #roc-cv{display:block;width:100%;margin-top:8px}
.leak-new{border:1px solid #F3D4C4;border-left:3px solid #D85A30;border-radius:10px;background:#FFFAF6;margin-top:18px;padding:16px}
.leak-new.safe{border-color:#D7E5FF;border-left-color:#2563EB;background:#F6F9FF}
.leak-new-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:12px;color:#A44020}
.leak-new.safe .leak-new-result{color:#2053B0}
.leak-new-result b{font-size:17px;line-height:1.6}
.leak-new-result span{font-size:13px;line-height:1.8}
.leak-new>p:last-of-type{font-size:13px;line-height:1.85;color:#294258;margin:8px 0 12px}
.leak-new button{padding:10px 16px}
.leak-panel-intro{font-size:13px;line-height:1.85;color:#294258;margin:0}
.leak-choice{background:#FFF5ED;border:1px solid #F3D4C4;border-radius:9px;padding:12px}
body[data-page="ml/leakage"] .leak-choice .ctl{margin:0;font-size:13px;align-items:center;font-weight:600}
.leak-choice p{font-size:12px;line-height:1.8;color:#784226;margin:8px 0 0}
body[data-page="ml/leakage"] .panel .btns{width:100%;display:flex;flex-direction:column;gap:8px}
.leak-panel-hint{font-size:12px;line-height:1.85;color:#385167;margin:0}
.leak-extra{margin-top:0;width:100%}
body[data-page="ml/leakage"] .leak-extra .ctl{margin-top:10px}
body[data-page="ml/leakage"] [hidden]{display:none!important}
@media(max-width:1120px){
  body[data-page="ml/leakage"] .stage{grid-template-columns:minmax(0,1fr)}
  body[data-page="ml/leakage"] .panel{display:grid;grid-template-columns:1fr 1fr}
  body[data-page="ml/leakage"] .panel .ml-panel-heading,.leak-panel-intro,.leak-extra{grid-column:1/-1}
  .leak-panel-hint{grid-column:1/-1}
}
@media(max-width:620px){
  body[data-page="ml/leakage"] .fig{padding:14px 12px}
  body[data-page="ml/leakage"] .ml-phases{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
  body[data-page="ml/leakage"] .ml-phase{padding:8px 5px;font-size:12px;text-align:left;line-height:1.6;align-items:flex-start}
  body[data-page="ml/leakage"] .ml-phase i{display:none}
  .leak-task{padding:12px}
  .leak-task>strong{font-size:18px}
  .leak-label-note{padding:10px 2px}
  .leak-section-title{gap:3px 8px}
  .leak-score-pair{gap:10px}
  .leak-score-card{padding:12px 10px}
  .leak-score-card h3{font-size:14px}
  .leak-number strong{font-size:34px}
  .leak-new{padding:12px}
  body[data-page="ml/leakage"] .legend{font-size:11px;line-height:1.7}
  body[data-page="ml/leakage"] .panel{display:flex}
}
@media(max-width:380px){.leak-score-pair{grid-template-columns:1fr}.leak-score-card p{min-height:0}.leak-score-card{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.leak-score-card h3,.leak-score-card p,.leak-score-card small{grid-column:1}.leak-number{grid-column:2;grid-row:1/4;flex-direction:column;align-items:center;justify-content:center;gap:0}.leak-number strong{font-size:32px}}