/* Scoped design for the ML Libraries series. Loaded only on /machine-learning-libraries pages, after /style.css. */
body:has(main.mll){background:#0a0f1c radial-gradient(#1a2440 1px,transparent 1px) 0 0/22px 22px}
main.mll{max-width:920px;padding:24px 20px 40px}
main.mll h1{font-size:clamp(28px,4.4vw,40px);line-height:1.15;letter-spacing:-.01em;margin:.2em 0 .4em}
main.mll h2{font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em;color:#5df2a6;margin:2.2em 0 .7em;padding-bottom:6px;border-bottom:1px dashed #2b3b66}
main.mll h2:before{content:"## ";color:#6f80b0}
main.mll h3{color:#e6ebf5;font-size:19px}
main.mll a{color:#8cc4ff;text-underline-offset:3px}
main.mll a:hover{color:#5df2a6}
main.mll a:focus-visible,main.mll video:focus-visible{outline:3px solid #5df2a6;outline-offset:3px;border-radius:4px}
main.mll .small{color:#a9b5d1}
.mll-part{display:inline-block;font:600 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#0a0f1c;background:#5df2a6;border-radius:999px;padding:5px 10px;margin:0 0 4px}
.mll-kicker{font:13px ui-monospace,Menlo,Consolas,monospace;color:#5df2a6;margin:0}
main.mll pre{background:#060a14;border:1px solid #22305a;border-left:3px solid #5df2a6;border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.5}
main.mll code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
main.mll :not(pre)>code{background:#16213d;border:1px solid #26365f;border-radius:5px;padding:1px 5px;color:#d7e3ff}
main.mll blockquote{margin:1em 0;padding:12px 16px;background:#111a30;border-left:3px solid #8cc4ff;border-radius:0 10px 10px 0;color:#dbe4f7}
main.mll blockquote:before{content:"prompt";display:block;font:12px ui-monospace,Menlo,Consolas,monospace;color:#8cc4ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
main.mll table{border-collapse:collapse;width:100%;margin:1em 0;font-size:15px}
main.mll th,main.mll td{border:1px solid #26365f;padding:8px 10px;text-align:left}
main.mll th{background:#16213d;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#5df2a6}
.mll-callout{border-radius:12px;padding:6px 18px 10px;margin:22px 0;border:1px solid #26365f;background:#0f1730}
.mll-callout h2{margin-top:.8em!important}
.mll-tested{border-left:5px solid #5df2a6}
.mll-safety{border-left:5px solid #ffb454;background:#17140c}
.mll-safety h2{color:#ffb454!important}
.mll-hub-safety{padding:12px 18px}
li.mll-t>strong:first-child{color:#5df2a6}
li.mll-d>strong:first-child{color:#ffd27a}
li.mll-n>strong:first-child{color:#c3cbe0}
.mll-video{margin:18px 0 24px;padding:10px;background:#060a14;border:1px solid #22305a;border-radius:14px;box-shadow:0 10px 30px #0008}
.mll-video video{display:block;width:100%;height:auto;border-radius:8px;background:#000}
.mll-video figcaption{font-size:14px;color:#a9b5d1;padding:8px 4px 2px}
.mll-hero{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:center;padding:22px 24px;margin:6px 0 18px;border:1px solid #26365f;border-radius:16px;background:linear-gradient(135deg,#111a33,#0b1124)}
.mll-hero h1{margin:.15em 0 .3em}
.mll-matrix{width:100%;height:auto}
.mll-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mll-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #26365f;border-top:3px solid #5df2a6;border-radius:12px;background:#0f1730}
.mll-card>a{font-weight:600;font-size:17px}
main.mll .bt-strip{border-left-color:#5df2a6;background:#0f1730}
main.mll .bt-strip b{color:#5df2a6}
@media (max-width:700px){
 main.mll{padding:16px 14px 32px}
 .mll-hero{grid-template-columns:1fr;padding:16px}
 .mll-matrix{max-width:220px}
 main.mll pre{font-size:12.5px;padding:10px 12px}
 main.mll table{display:block;overflow-x:auto}
 .mll-video{padding:6px;border-radius:10px}
 main.mll ul,main.mll ol{padding-left:22px}
}
@media (prefers-reduced-motion:reduce){main.mll *{transition:none!important;animation:none!important}}
main.mll .mll-toc{border:1px solid #233258;border-left:4px solid #5df2a6;border-radius:10px;padding:10px 16px;margin:16px 0;background:#0e1628}
main.mll .mll-toc p{margin:0 0 4px}main.mll .mll-toc ol{margin:0;padding-left:20px;columns:2 260px}main.mll .mll-toc li{margin:2px 0;font-size:15px}
main.mll .mll-pn{margin:24px 0 8px;padding:10px 14px;border:1px solid #233258;border-radius:10px;background:#0e1628}main.mll .mll-pn p{margin:0}
main.mll .mll-series li{margin:4px 0}main.mll h2[id],main.mll h3[id]{scroll-margin-top:16px}