/* NexoMind V71 Visual Lab | Impeccable × Taste Skill inspired design layer */
:root{--v71-ink:#172f41;--v71-blue:#255b83;--v71-sky:#e6f5ff;--v71-teal:#067c80;--v71-mint:#d7f5eb;--v71-line:#e0e9ed;--v71-soft:#f4f8f7;--v71-muted:#5a7180;--v71-shadow:0 16px 45px rgba(24,67,76,.065)}
html{scroll-behavior:smooth} body.nexo-v71-design{background:#f7f9f9;color:var(--v71-ink);font-family:'Avenir Next','Nunito Sans','Trebuchet MS',system-ui,sans-serif}
body.nexo-v71-design .side{background:#fff;border-right:1px solid #e0e9ed;padding:25px 14px;box-shadow:none;gap:27px}
body.nexo-v71-design .side .logo{width:43px;height:43px;border-radius:14px;background:#184b5e;box-shadow:none;font-size:23px;letter-spacing:-.07em}
body.nexo-v71-design .brand strong{color:#173e50;font-size:21px;font-weight:900;letter-spacing:-.045em}
body.nexo-v71-design .brand small{font-size:11px;color:#6c7b88}
body.nexo-v71-design .nav{gap:5px}
body.nexo-v71-design .nav button{color:#526775;padding:12px 13px;border-radius:12px;font-weight:700;font-size:13px;line-height:1.45;transition:background .18s,color .18s,transform .18s;border:1px solid transparent}
body.nexo-v71-design .nav button:hover{background:#f3f8f8;color:#184b5e;transform:translateX(2px)}
body.nexo-v71-design .nav button.active{background:#e8f6f2;border:1px solid #c6e6dd;color:#0b6d66;box-shadow:inset 3px 0 0 #0b877d}
body.nexo-v71-design .side-bottom{background:#f0f7f7;color:#2c5968;border:1px solid #dcebea;box-shadow:none;padding:15px}
body.nexo-v71-design .side-bottom b{color:#175366;font-size:22px}
body.nexo-v71-design main{max-width:1650px;margin:0 auto;padding:30px clamp(18px,3.5vw,55px) 70px}
body.nexo-v71-design .top{margin-bottom:28px;gap:14px}body.nexo-v71-design .top h1{font-weight:800;font-size:clamp(27px,3vw,36px);letter-spacing:-.05em;color:#183848}
body.nexo-v71-design .top p{color:#738592;font-size:13px}
body.nexo-v71-design .profile{box-shadow:none;border:1px solid var(--v71-line);border-radius:13px}
body.nexo-v71-design .profile .avatar{background:#d5f2eb;color:#0e625b;border-radius:13px}
body.nexo-v71-design .card{border-radius:18px;box-shadow:var(--v71-shadow);border:1px solid #e4edef}
body.nexo-v71-design #home .section h3{font-size:23px;color:#1e4859}
body.nexo-v71-design #home .grid{gap:13px}
body.nexo-v71-design #home .btn.primary{background:#166e76;border-radius:11px}
body.nexo-v71-design #home .btn:focus-visible,body.nexo-v71-design #home button:focus-visible,body.nexo-v71-design #nexo70-app button:focus-visible{outline:3px solid #048b86;outline-offset:3px}
body.nexo-v71-design button:active{transform:scale(.985)}
/* Main editorial learning introduction - light first, no decorative AI gradients */
#home .v71-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);overflow:hidden;border-radius:27px;min-height:345px;background:#eaf2ef;border:1px solid #dce9e7;position:relative}
#home .v71-intro-copy{padding:clamp(25px,3.8vw,50px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
#home .v71-overline{display:flex;gap:9px;align-items:center;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900;color:#127469;margin:0 0 19px}
#home .v71-overline:before{content:'';width:23px;height:2px;background:#188f80}
#home .v71-intro h2{font-size:clamp(32px,4.3vw,59px);line-height:1.06;letter-spacing:-.065em;max-width:650px;color:#173b4a;margin:0 0 17px;font-weight:850;text-wrap:balance}
#home .v71-intro-copy>p:not(.v71-overline){font-size:15px;line-height:1.68;max-width:550px;color:#476778;margin:0}
#home .v71-actions{display:flex;gap:12px;align-items:center;margin-top:23px;flex-wrap:wrap}
#home .v71-button{border:1px solid #0c5962;border-radius:12px;background:#116b70;color:#fff;padding:14px 18px;font-size:13px;font-weight:800;min-height:45px;transition:transform .2s,background .2s;cursor:pointer}
#home .v71-button:hover{background:#0a545b;transform:translateY(-2px)}
#home .v71-link{border:0;background:transparent;color:#225c67;padding:12px 3px;font-size:13px;font-weight:800;cursor:pointer;text-underline-offset:4px}
#home .v71-link:hover{text-decoration:underline}
#home .v71-intro-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dbece8}
#home .v71-intro-art::before{content:'';position:absolute;width:430px;height:430px;border:1px solid #a8cec3;border-radius:50%;left:16%;top:-25%}
#home .v71-intro-art::after{content:'';position:absolute;width:290px;height:290px;border:1px solid #a8cec3;border-radius:50%;right:-28%;bottom:-42%}
#home .v71-art-sheet{width:min(81%,355px);border-radius:18px;background:#fff;padding:20px 18px 18px;transform:rotate(-5deg);box-shadow:0 20px 50px rgba(16,91,88,.13);position:relative;z-index:1}
#home .v71-art-top{display:flex;gap:7px;border-bottom:1px solid #e6eeee;padding-bottom:13px;align-items:center}
#home .v71-dot{width:9px;height:9px;border-radius:50%;background:#bdd9d0}.v71-dot:nth-child(2){background:#87c0ad}.v71-dot:nth-child(3){background:#edc78d}
#home .v71-art-top strong{margin-left:auto;font-size:9px;color:#5f857f;letter-spacing:.08em}
#home .v71-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
#home .v71-art-cell{min-height:78px;border-radius:10px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;color:#183a4d}
#home .v71-art-cell b{font-size:12px}#home .v71-art-cell span{font-size:22px;font-weight:800;color:#31777a}
#home .v71-art-cell:nth-child(1){background:#e5f2fe}#home .v71-art-cell:nth-child(2){background:#e1f2df}#home .v71-art-cell:nth-child(3){background:#fff2dc}#home .v71-art-cell:nth-child(4){background:#f0eafa}
#home .v71-art-foot{margin-top:14px;display:flex;align-items:center;gap:8px;color:#53777b;font-size:10px;font-weight:800}
#home .v71-art-progress{flex:1;height:6px;background:#e7eeec;border-radius:8px;overflow:hidden}#home .v71-art-progress:after{content:'';display:block;width:62%;height:100%;background:#299c8a;border-radius:8px}
#home .v71-sectionline{margin:31px 0 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#home .v71-sectionline h3{margin:0;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.05em;color:#183f4f}
#home .v71-sectionline p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#6a7d88}
#home .v71-subjectboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#home .v71-subject{min-height:168px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e3ecee;border-radius:17px;padding:18px;text-align:left;color:#173b4b;position:relative;cursor:pointer;transition:transform .2s ease,border .2s ease,box-shadow .2s ease;overflow:hidden}
#home .v71-subject:hover{transform:translateY(-3px);border-color:#bedbd7;box-shadow:0 12px 26px rgba(31,83,83,.08)}
#home .v71-subject .v71-subject-top{display:flex;align-items:center;justify-content:space-between;width:100%}
#home .v71-subject .v71-mark{width:40px;height:40px;display:grid;place-items:center;background:#f1f7f6;border-radius:12px;font-size:20px;color:#147a71;font-weight:800}
#home .v71-subject small{font-size:10px;font-weight:800;letter-spacing:.09em;color:#718794}
#home .v71-subject b{font-weight:850;font-size:17px;letter-spacing:-.035em;line-height:1.3}
#home .v71-subject .v71-description{font-size:12px;line-height:1.45;color:#708391;max-width:230px}
#home .v71-subject .v71-go{position:absolute;bottom:14px;right:17px;color:#4d7b7b;font-size:18px}
#home .v71-subject.feature{grid-column:span 2;min-height:185px;background:#dff1ef;border-color:#d4e8e6}
#home .v71-subject.feature b{font-size:24px}
#home .v71-subject.feature .v71-mark{background:#c9e4dd}
#home .v71-subject.amber{background:#fff7e8;border-color:#f4e8d0}#home .v71-subject.amber .v71-mark{background:#f7e4ba;color:#926621}
#home .v71-subject.blue .v71-mark{background:#e5f0fe;color:#2d679b}#home .v71-subject.purple .v71-mark{background:#efebfa;color:#6b5297}
#home .v71-progress-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:15px;padding:14px 18px;background:#fff;border:1px solid #e5edef;border-radius:17px}
#home .v71-progress-item{display:flex;align-items:center;gap:9px;min-width:0;border-right:1px solid #e7eeee}
#home .v71-progress-item:last-child{border-right:0}
#home .v71-progress-item strong{font-size:20px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;color:#1b505b}
#home .v71-progress-item small{font-size:11px;color:#708493;line-height:1.35}
#home .v71-progress-item .v71-mini-icon{background:#edf6f3;color:#097967;border-radius:9px;padding:8px;font-size:15px}
#home .v71-progress-item .bar{width:75px;margin:0;height:5px}
/* V70 new subjects only: refined hierarchy, workspace and controls */
body.nexo-v71-design #nexo70-app{--nx:#147b78;--nx2:#eef8f5;--nxd:#164f58;--nxg:#0a947c;color:#193e4c;max-width:1320px}
body.nexo-v71-design .nx70-head{background:#e1f1ec;border:1px solid #d5e9e2;color:#154e54;padding:26px 30px;border-radius:22px}
body.nexo-v71-design .nx70-head h2{color:#163e4a;letter-spacing:-.055em;font-size:clamp(26px,3.7vw,38px);margin:7px 0}
body.nexo-v71-design .nx70-head p{color:#477277;line-height:1.5}
body.nexo-v71-design .nx70-head .nx70-kicker{color:#20897e;letter-spacing:.13em}
body.nexo-v71-design .nx70-source{border:1px solid #cce1db;color:#176e68;border-radius:12px;background:#fff;box-shadow:none}
body.nexo-v71-design .nx70-subjects{gap:8px;margin:17px 0}
body.nexo-v71-design .nx70-subjects button{border-color:#dde7e9;color:#4b6974;border-radius:12px;min-height:45px;background:white;transition:background .2s}
body.nexo-v71-design .nx70-subjects button.selected{background:#106d6f;border-color:#106d6f;color:white}
body.nexo-v71-design .nx70-gradebox,body.nexo-v71-design .nx70-progress{border:1px solid #e0eaea;border-radius:15px;box-shadow:none}
body.nexo-v71-design .nx70-meter span{background:#129a84}
body.nexo-v71-design .nx70-notice{color:#516c78;background:#f1f6f5;border-color:#dde9e7;border-radius:12px;line-height:1.55}
body.nexo-v71-design .nx70-layout{grid-template-columns:minmax(195px,235px) minmax(0,1fr);gap:15px}
body.nexo-v71-design .nx70-topics button{border-color:#e1e9ea;border-radius:12px;box-shadow:none;transition:border .2s,transform .2s}
body.nexo-v71-design .nx70-topics button:hover{transform:translateX(3px);border-color:#9acdc5}
body.nexo-v71-design .nx70-topics button.active{border-color:#a8d6cc;background:#eaf7f3;box-shadow:inset 3px 0 0 #1a9382}
body.nexo-v71-design .nx70-topics b{font-size:13px;color:#1c4d59}
body.nexo-v71-design .nx70-main{border-color:#e1ebea;border-radius:18px;padding:22px;box-shadow:var(--v71-shadow)}
body.nexo-v71-design .nx70-intro h2{font-size:clamp(21px,2.5vw,27px);line-height:1.2;letter-spacing:-.035em;color:#1a4655}
body.nexo-v71-design .nx70-intro p{color:#55717f;font-size:14px;max-width:72ch}
body.nexo-v71-design .nx70-kicker{color:#418b87}
body.nexo-v71-design .nx70-modes{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;border-bottom:1px solid #e8eeee;margin:17px 0}
body.nexo-v71-design .nx70-modes button{background:#f2f7f6;border:1px solid transparent;border-radius:9px;color:#51717a;padding:10px 12px;font-size:12px;min-height:40px}
body.nexo-v71-design .nx70-modes button.active{background:#126c73;color:#fff}
body.nexo-v71-design .nx70-panel,body.nexo-v71-design .nx70-asidecard{background:#f7faf9;border-color:#e5efec;border-radius:14px;padding:18px}
body.nexo-v71-design .nx70-panel h3,body.nexo-v71-design .nx70-asidecard h3{color:#1b5b64;font-size:16px}
body.nexo-v71-design .nx70-btn{background:#126c73;border-color:#126c73;border-radius:11px;padding:12px 17px;min-height:44px}
body.nexo-v71-design .nx70-btn.secondary{background:#f1f8f6;color:#176c66;border-color:#cee6de}
body.nexo-v71-design .nx70-options button{border-color:#d0e3e1;color:#194c5d;border-radius:11px;min-height:44px}
body.nexo-v71-design .nx70-options button:hover{background:#e8f8f3}
body.nexo-v71-design .nx70-steps .selected{background:#136c71}
body.nexo-v71-design .nx70-robotgrid>div{border-radius:9px}
body.nexo-v71-design .nx70-museum button,body.nexo-v71-design .nx70-map button{background:#ebf6f4;border-color:#bcded7;color:#245b64}
body.nexo-v71-design .nx70-panel p,body.nexo-v71-design .nx70-panel li{color:#415e6c;line-height:1.68}
body.nexo-v71-design :is(button,input,textarea,select):focus-visible{outline:3px solid #2a9b90;outline-offset:2px}
@media(max-width:1120px){#home .v71-subjectboard{grid-template-columns:repeat(3,minmax(0,1fr))}#home .v71-intro{grid-template-columns:1.1fr .9fr}body.nexo-v71-design .side{padding-inline:12px}}
@media(max-width:850px){#home .v71-intro{grid-template-columns:1fr}#home .v71-intro-art{min-height:220px}#home .v71-art-sheet{width:min(60%,290px)}#home .v71-subjectboard{grid-template-columns:repeat(2,minmax(0,1fr))}body.nexo-v71-design .nx70-layout{grid-template-columns:1fr}}
@media(max-width:680px){body.nexo-v71-design main{padding:15px 12px 135px}body.nexo-v71-design .top{margin-bottom:15px}body.nexo-v71-design .top h1{font-size:26px}#home .v71-intro{border-radius:19px}#home .v71-intro-copy{padding:26px 22px}#home .v71-intro h2{font-size:34px;line-height:1.09}#home .v71-intro-copy>p:not(.v71-overline){font-size:13px}#home .v71-intro-art{min-height:175px}#home .v71-art-sheet{width:60%;padding:12px;transform:rotate(-3deg)}#home .v71-art-cell{min-height:52px;padding:7px}#home .v71-art-cell b{font-size:9px}#home .v71-art-cell span{font-size:15px}#home .v71-art-grid{margin-top:8px;gap:5px}#home .v71-art-foot{margin-top:8px}#home .v71-subjectboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#home .v71-subject{min-height:149px;padding:12px;gap:7px}#home .v71-subject.feature{grid-column:span 2;min-height:145px}#home .v71-subject b{font-size:14px}#home .v71-subject.feature b{font-size:20px}#home .v71-subject .v71-description{font-size:11px}#home .v71-subject .v71-mark{width:32px;height:32px;font-size:16px}#home .v71-progress-strip{grid-template-columns:1fr;gap:12px;padding:14px}#home .v71-progress-item{border-right:0;border-bottom:1px solid #e7eeee;padding-bottom:12px}#home .v71-progress-item:last-child{border:0;padding:0}#home .v71-sectionline{margin-top:25px}body.nexo-v71-design .nx70-head{padding:18px;border-radius:16px}body.nexo-v71-design .nx70-main{padding:14px}body.nexo-v71-design .nx70-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body.nexo-v71-design .nx70-modes button{font-size:11px;padding:9px 5px}body.nexo-v71-design .nx70-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.nexo-v71-design .nx70-topics{display:flex;flex-direction:row;overflow-x:auto}body.nexo-v71-design .nx70-topics button{min-width:164px}body.nexo-v71-design .nx70-panel,body.nexo-v71-design .nx70-asidecard{padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.nexo-v71-design *,body.nexo-v71-design *::before,body.nexo-v71-design *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}