/* Non-disruptive global visual polish, all pages – no alteration to original app/business logic */
:root{--mlui-primary:#143e69;--mlui-warm:#e88148;--mlui-focus:#3d88bf}
html{scroll-padding-top:86px}html:focus-within{scroll-behavior:smooth}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--mlui-focus);outline-offset:3px}
:where(img,video){max-width:100%}img{height:auto}button,input,select,textarea{accent-color:var(--mlui-primary)}
:where(.feature-card,.tv-panel,.panel,.stat,.student-card,.mlb-item){transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
:where(.feature-card,.tv-panel,.panel,.stat,.student-card):hover{border-color:#c2d8e8}
::selection{background:#cdeeff;color:#13385a}
.ml-audio-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 0 12px;font:600 12px/1.5 'Be Vietnam Pro','Segoe UI',sans-serif;color:#345575}.ml-audio-bar select,.ml-audio-bar button{border:1px solid #d1e0ee;border-radius:9px;background:#f4f9ff;color:#214d74;padding:7px 9px;font-size:12px;cursor:pointer}.ml-audio-message{font-size:11px;color:#9f3d2d;flex-basis:100%;font-weight:600}.ml-speak-btn{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:28px;vertical-align:middle;margin-left:5px!important;padding:0!important;background:#e8f4ff!important;color:#1c507a!important;border:1px solid #c8dfef!important;border-radius:9px!important;box-shadow:none!important;font:14px system-ui!important;cursor:pointer}
.ml-home-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px}.ml-home-tool{display:flex;align-items:flex-start;gap:12px;padding:19px 16px;border:1px solid #dce7f2;border-radius:17px;background:#fff;box-shadow:0 9px 25px #12345a0b;text-decoration:none;min-width:0;transition:transform .2s,border-color .2s}.ml-home-tool:hover{transform:translateY(-3px);border-color:#b4ccdf}.ml-home-tool .ml-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e4f3ff;font-size:21px}.ml-home-tool strong{display:block;color:#183b60;font-size:13px;line-height:1.5}.ml-home-tool small{display:block;color:#637f97;font-size:11px;line-height:1.6;margin-top:4px}.ml-home-tool:nth-child(2) .ml-ico{background:#fff2e8}.ml-home-tool:nth-child(3) .ml-ico{background:#eef2ff}.ml-home-tool:nth-child(4) .ml-ico{background:#e4f7f1}
/* Keep the original nine banners and overlay controls. Cleaner imagery, no layout jump. */
.hero-banner{isolation:isolate}.hero-banner img{object-position:center}.hero-overview{box-shadow:0 16px 35px #142f5020}
.mlb-page{background:radial-gradient(circle at 12% 12%,#e2f2ff,transparent 33%),#f2f6fc}.mlb-page .mlb-full{border-color:#d1e4f5;box-shadow:0 22px 60px #143b6514}.mlb-page .mlb-item:has(.mlb-position){background:linear-gradient(110deg,#f9fcff,#f1f7fe)}.mlb-page .mlb-item.mlb-top-1{background:linear-gradient(110deg,#fff9e7,#fffdf6);border-color:#eedb9b}.mlb-page .mlb-item.mlb-top-2{background:linear-gradient(110deg,#f0f6ff,#fff);border-color:#cbd8e5}.mlb-page .mlb-item.mlb-top-3{background:linear-gradient(110deg,#fff0e4,#fff);border-color:#eccab2}
.ml-rank-summary{display:flex;gap:12px;flex-wrap:wrap}.ml-rank-summary span{flex:1;min-width:140px;padding:15px 18px;border:1px solid #e2ecf6;border-radius:14px;background:#f4f9ff;font-size:13px;color:#456988}.ml-rank-summary strong{display:block;font-size:22px;color:#16436a;margin-top:3px}.ml-ai-entry{font-weight:800!important}
@media(max-width:960px){.ml-home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ml-home-tools{grid-template-columns:1fr}.ml-home-tool{padding:13px 14px}.ml-home-tool .ml-ico{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.ml-ai-float{position:fixed;bottom:15px;left:15px;z-index:39;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#123f69,#266b91);box-shadow:0 10px 25px #102f5542;border:1px solid #ffffff5e;border-radius:99px;color:white!important;padding:11px 16px;text-decoration:none!important;font:700 12px/1.4 'Be Vietnam Pro',system-ui,sans-serif}.ml-ai-float:hover{background:#0d3158;color:white}@media(max-width:560px){.ml-ai-float{font-size:11px;padding:9px 12px;bottom:11px;left:9px}}
