/* NexoMind V73 · Impeccable + Taste principles adapted to the supplied corporate identity */
:root{--nm-night:#10113e;--nm-purple:#7952ed;--nm-cyan:#22bfeb;--nm-gold:#ffc129}
body.nexo-v73-ui{font-family:system-ui,-apple-system,'Avenir Next',sans-serif;background:#f7f8ff;color:#202b52}
body.nexo-v73-ui .app{grid-template-columns:240px minmax(0,1fr);width:100%}
body.nexo-v73-ui .side{background:linear-gradient(180deg,#10113e 0%,#24175e 70%,#342478 100%);border-right:0;box-shadow:12px 0 38px rgba(20,16,68,.1);color:#fff;padding:20px 14px;gap:18px}
body.nexo-v73-ui .side .logo{width:58px;height:48px;border-radius:12px;background-color:#10113e;background-size:cover;background-position:center;box-shadow:0 5px 13px rgba(0,0,0,.26)}
body.nexo-v73-ui .brand strong{color:#fff;font-size:21px;letter-spacing:-.04em}
body.nexo-v73-ui .brand small{color:#cbc8e8;font-size:11px}
body.nexo-v73-ui .side .nav button{color:#dedff6;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:650;padding:12px 12px;transition:background-color .15s ease,transform .15s ease}
body.nexo-v73-ui .side .nav button:hover{background:#ffffff1a;color:#fff;transform:translateX(2px)}
body.nexo-v73-ui .side .nav button.active{background:linear-gradient(105deg,#6d49e9,#3987dc);color:#fff;box-shadow:inset 3px 0 0 var(--nm-gold);border-color:#ffffff16}
body.nexo-v73-ui .side-bottom{color:#f5f4ff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}
body.nexo-v73-ui .side-bottom b{color:#ffc129}
body.nexo-v73-ui main{max-width:none;width:100%;min-width:0;padding:24px clamp(16px,2.2vw,35px) 55px}
body.nexo-v73-ui .top{margin-bottom:17px}
body.nexo-v73-ui .top h1{color:#162755}
body.nexo-v73-ui .top p{color:#6b7293}
body.nexo-v73-ui .avatar{background:#ede8ff;color:#5d43bd}
body.nexo-v73-ui .btn.primary,
body.nexo-v73-ui #home .btn.primary{background:linear-gradient(125deg,var(--nm-purple),#5065f3);color:#fff}
body.nexo-v73-ui .hero{background:linear-gradient(120deg,#10113e,#35247d 60%,#5442b2)}
body.nexo-v73-ui .card{border-color:#e5e9f4;box-shadow:0 14px 36px rgba(24,22,72,.05)}
/* Home cards and modern identity */
body.nexo-v73-ui #home .v71-intro{background:linear-gradient(114deg,#f1ecff 0%,#e4f7ff 100%);border-color:#e1e5f7;box-shadow:0 18px 42px rgba(27,24,79,.045)}
body.nexo-v73-ui #home .v71-overline{color:#6550bf}
body.nexo-v73-ui #home .v71-intro h2{color:#20175c}
body.nexo-v73-ui #home .v71-intro-copy>p:not(.v71-overline){color:#56638c}
body.nexo-v73-ui #home .v71-button{background:#6a4cde;border-color:#6a4cde}
body.nexo-v73-ui #home .v71-link{color:#5544b7}
body.nexo-v73-ui #home .v71-subjectboard .v71-subject.feature{background:#e8e3ff;border-color:#d6cbff}
body.nexo-v73-ui #home .v71-subjectboard .v71-subject.amber{background:#fff5d9;border-color:#ffe7a9}
body.nexo-v73-ui #home .v71-subject .v71-mark{background:#eeebff;color:#6544c5}
/* Mathematics navigation: 5 visible steps, independent of lesson content. */
body.nexo-v73-ui #lessonRoad{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important;margin:15px 0 18px!important;padding:0!important}
body.nexo-v73-ui #lessonRoad [data-road]{min-width:0!important;display:flex!important;justify-content:center;align-items:center;min-height:64px!important;background:#f4f5fc;color:#444a6d;border:1px solid #dfe4f0;border-radius:15px;padding:11px 7px!important;font-size:clamp(11px,.95vw,14px)!important;font-weight:800;text-align:center;line-height:1.25;white-space:normal;box-shadow:none;cursor:pointer}
body.nexo-v73-ui #lessonRoad [data-road].active{background:linear-gradient(135deg,#7050ef,#268beb)!important;color:#fff!important;border-color:#6157db!important;box-shadow:0 8px 19px #664eeb22!important}
body.nexo-v73-ui #lessonRoad [data-road].done:not(.active){background:#e8f9f5!important;border-color:#ccebe3;color:#166d62!important}
body.nexo-v73-ui #lessonRoad [data-road].locked{opacity:.53;cursor:not-allowed}
body.nexo-v73-ui #lessonRoad [data-road]:focus-visible{outline:3px solid #ffbc27;outline-offset:2px}
body.nexo-v73-ui .lesson{grid-template-columns:minmax(0,1fr) minmax(225px,285px);gap:14px}
body.nexo-v73-ui .workspace{min-width:0;min-height:0;padding:clamp(16px,2vw,26px);border:1px solid #e3e8f3;border-radius:20px;box-shadow:0 13px 34px rgba(21,22,73,.045)}
body.nexo-v73-ui .helper{top:12px;gap:10px}
body.nexo-v73-ui .helper .help{padding:14px;border-radius:15px;box-shadow:none;border:1px solid #e4e9f3}
/* Mathematics highlighted color block (kid-lab, kid-board, kid-choices) deliberately unchanged. */
/* New areas */
body.nexo-v73-ui #nexo70-app{max-width:none;width:100%;margin:0}
body.nexo-v73-ui .nx70-head{background:linear-gradient(120deg,#10113e 0%,#44349a 62%,#3267aa 100%);border:1px solid #2b2b79;border-radius:20px;padding:19px 24px;box-shadow:0 12px 30px #1b1b5526}
body.nexo-v73-ui .nx70-head h2{color:#fff;font-size:clamp(24px,3vw,34px)}
body.nexo-v73-ui .nx70-head p{color:#d9dcff}
body.nexo-v73-ui .nx70-head .nx70-kicker{color:#bcecff}
body.nexo-v73-ui .nx70-layout{grid-template-columns:minmax(190px,225px) minmax(0,1fr);gap:14px}
body.nexo-v73-ui .nx70-main{padding:clamp(15px,2.4vw,26px);border-radius:20px;border:1px solid #e0e5ef;box-shadow:0 10px 26px #111b4510}
body.nexo-v73-ui .nx70-subjects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.nexo-v73-ui .nx70-subjects button{min-width:0;min-height:48px;background:white;color:#374668;border-color:#dfe5f0;border-radius:12px;font-weight:800}
body.nexo-v73-ui .nx70-subjects button.selected{background:#6e4be6;color:#fff;border-color:#6e4be6}
body.nexo-v73-ui .nx70-topics button.active{background:#efedff;border-color:#a998f6;box-shadow:inset 3px 0 0 #7554eb}
body.nexo-v73-ui .nx70-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.nexo-v73-ui .nx70-modes button{min-height:50px;border-radius:12px;background:#f3f5fc;border:1px solid #e2e6f0;color:#465174;font-weight:800;padding:10px 6px;font-size:13px}
body.nexo-v73-ui .nx70-modes button.active{color:#fff;background:linear-gradient(120deg,#7350ee,#3475eb);border-color:transparent}
body.nexo-v73-ui .nx70-btn{background:#634bd9;border-color:#634bd9}
body.nexo-v73-ui .nx70-panel{background:#fafbff;border-color:#e8ebf5}
body.nexo-v73-ui .nx70-panel h3{color:#2f2a76}
body.nexo-v73-ui .v73-illustration{max-width:100%;margin:15px 0 14px;overflow:hidden;border:1px solid #e2e5f2;background:#f8faff;border-radius:19px;box-shadow:0 6px 16px #26316808}
body.nexo-v73-ui .v73-illustration img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;object-position:left top}
body.nexo-v73-ui .v73-illustration figcaption{padding:7px 13px;font-size:11px;color:#64708d;border-top:1px solid #e8eaf3;background:#fff;line-height:1.4}
body.nexo-v73-ui :is(button,[role="button"],a):focus-visible{outline:3px solid #f6b826;outline-offset:3px}
@media (max-width:1080px){body.nexo-v73-ui .app{grid-template-columns:80px minmax(0,1fr)}body.nexo-v73-ui .side{padding:14px 8px}body.nexo-v73-ui .side .brand span{display:none}body.nexo-v73-ui .lesson{grid-template-columns:1fr}body.nexo-v73-ui .helper{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){body.nexo-v73-ui .app{display:block}body.nexo-v73-ui .side{display:none}body.nexo-v73-ui main{padding:14px 12px 130px!important;max-width:100%!important}body.nexo-v73-ui .helper{grid-template-columns:1fr}body.nexo-v73-ui #lessonRoad{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.nexo-v73-ui #lessonRoad [data-road]{font-size:12px!important;min-height:57px!important}body.nexo-v73-ui .nx70-layout{grid-template-columns:1fr}body.nexo-v73-ui .nx70-topics{display:flex;flex-direction:row;overflow-x:auto}body.nexo-v73-ui .nx70-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}body.nexo-v73-ui .nx70-main{padding:13px}body.nexo-v73-ui .nx70-modes{grid-template-columns:repeat(3,minmax(0,1fr))}body.nexo-v73-ui .nx70-modes button{font-size:11px;min-height:48px;padding:7px 4px}body.nexo-v73-ui .v73-illustration{border-radius:13px}}
@media (max-width:410px){body.nexo-v73-ui #lessonRoad{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.nexo-v73-ui .nx70-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.nexo-v73-ui *,body.nexo-v73-ui *:before,body.nexo-v73-ui *:after{transition:none!important;animation:none!important}}