:root{--navy:#073654;--navy2:#0a4b6e;--orange:#ff6b0b;--orange2:#ff8c2f;--ink:#102e48;--muted:#60778a;--line:#cbdce8;--bg:#eef5f9;--panel:#fff;--blue:#1479a8;--pale:#eaf5fb;--green:#15945a;--red:#c94646;--yellow:#f2b340;--shadow:0 7px 24px rgba(7,54,84,.10);--radius:12px;--scale:1}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}body{font-size:calc(16px * var(--scale));min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{display:block}body.a11y-large{--scale:1.12}body.a11y-readable{line-height:1.72;letter-spacing:.015em}body.a11y-readable .reading{max-width:75ch}body.a11y-contrast{--bg:#fff;--ink:#001827;--muted:#243a49;--line:#9aafbe}body.a11y-focus .optional{display:none!important}body.a11y-motion *{animation:none!important;transition:none!important}
#app{min-height:100vh}.top{position:fixed;top:0;left:0;right:0;height:72px;background:linear-gradient(90deg,#06334f,#0a4568);color:#fff;z-index:60;display:grid;grid-template-columns:270px 1fr 270px;align-items:center;padding:0 18px;box-shadow:0 2px 14px rgba(0,0,0,.15)}.brand{display:flex;align-items:center;gap:10px}.brandmark{width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center}.brandmark svg{width:32px;height:32px}.brand strong{font-size:1.18rem}.brand small{display:block;font-size:.64rem;letter-spacing:.15em;margin-top:4px;opacity:.86}.search{display:flex;justify-content:center}.search form{width:min(680px,100%);display:flex;background:#fff;border-radius:7px;overflow:hidden}.search input{flex:1;border:0;padding:12px 14px;outline:0;color:var(--ink)}.search button{width:50px;border:0;background:var(--orange);color:#fff;font-weight:900}.userbox{display:flex;justify-content:flex-end;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2ba7db;border:2px solid rgba(255,255,255,.5);font-weight:800}.userbox button{border:0;background:transparent;color:#fff;font-weight:800}
.sidebar{position:fixed;top:72px;left:0;bottom:0;width:226px;background:linear-gradient(180deg,#073b5b,#052f4a);color:#fff;padding:14px 12px;z-index:50;display:flex;flex-direction:column}.side-nav{display:grid;gap:3px}.side-nav a,.side-bottom button{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;color:#fff;font-weight:750;border:0;background:transparent;text-align:left}.side-nav a:hover,.side-bottom button:hover{background:rgba(255,255,255,.08)}.side-nav a.active{background:linear-gradient(90deg,var(--orange),var(--orange2));box-shadow:0 5px 14px rgba(255,107,11,.25)}.ico{width:22px;text-align:center}.side-sep{height:1px;background:rgba(255,255,255,.14);margin:8px}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:8px;display:grid;gap:4px}.main{margin-left:226px;padding-top:72px}.canvas{max-width:1620px;margin:0 auto;padding:13px 18px 32px}.page{display:grid;gap:12px}.crumbs{display:flex;gap:7px;align-items:center;color:#60788a;font-size:.8rem;padding:0 5px}.crumbs a{color:#295f82}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:7px;border:1px solid #bfd2df;background:#fff;color:var(--ink);font-weight:850}.btn.primary{background:linear-gradient(90deg,var(--orange),var(--orange2));border-color:var(--orange);color:#fff}.btn.small{padding:7px 10px;font-size:.86rem}.btn:hover{border-color:#65a2c5}.kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff0e5;color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--muted)}.progress{height:9px;background:#e6eef3;border-radius:999px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--orange),#ff9f5f)}
.auth{min-height:100vh;background:linear-gradient(135deg,#eaf5fb,#f9fcfe 58%,#fff2e7);display:grid;place-items:center;padding:24px}.auth-card{width:min(1160px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(7,54,84,.18)}.auth-hero{display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(90deg,#e6f4fb,#f8fcfe)}.auth-copy{padding:34px}.auth-copy h1{font-size:2.45rem;line-height:1.04;margin:12px 0}.auth-copy p{font-size:1.05rem;line-height:1.6;color:#456981}.auth-visual{padding:22px;display:flex;align-items:center}.auth-body{display:grid;grid-template-columns:1.15fr .85fr}.auth-main,.auth-login{padding:27px}.auth-login{border-left:1px solid var(--line);background:#f9fcfe}.form{display:grid;gap:12px}.form label{font-size:.9rem;font-weight:800}.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #bccfdb;border-radius:8px;background:#fff;color:var(--ink)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid #c9d9e4;background:#fff;border-radius:9px;padding:10px;text-align:left}.choice.active{border:2px solid var(--orange);background:#fff7f1}.choice b{display:block}.choice small{display:block;color:var(--muted);margin-top:4px;line-height:1.3}.auth-error{display:none;margin:0 27px 18px;background:#fff1f1;border:1px solid #f0bcbc;color:#9e2929;padding:10px;border-radius:8px}.auth-error.show{display:block}
.home-hero{display:grid;grid-template-columns:1.5fr .62fr;overflow:hidden}.home-hero-main{padding:28px 30px;position:relative;min-height:245px;background:linear-gradient(90deg,#e8f5fb 0,#eef8fd 62%,#dbeef6)}.home-hero-main h1{font-size:2.5rem;line-height:1.03;margin:10px 0 8px}.home-hero-main p{max-width:650px;color:#3d6178;line-height:1.55;font-size:1.03rem}.home-hero-art{position:absolute;right:0;top:0;bottom:0;width:42%;opacity:.94}.home-hero-copy{position:relative;z-index:2}.home-hero-side{padding:23px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.home-hero-side h3{font-size:1.35rem;margin:5px 0}.home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.route-card{overflow:hidden}.route-art{height:122px;background:#dbeef6}.route-body{padding:14px}.route-body h3{margin:5px 0}.route-body p{margin:0;color:var(--muted);line-height:1.4;font-size:.88rem}.journey-strip{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:7px}.journey-cell{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px}.journey-cell .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#60798b;color:#fff;font-weight:900}.journey-cell.active .n{background:var(--orange)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.section-head h1,.section-head h2{margin:0}.section-head p{margin:5px 0 0;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{overflow:hidden}.module-card-art{height:145px;background:#e3f2f8}.module-card-body{padding:15px}.module-card-body h3{margin:5px 0}.module-card-body p{color:var(--muted);line-height:1.42;font-size:.88rem;margin:0 0 10px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf6fb;border:1px solid #cfe1ec;color:#315c77;font-size:.75rem;font-weight:800}
.module-shell{display:grid;grid-template-columns:225px minmax(0,1fr);overflow:hidden}.module-left{padding:14px;background:#fbfdff;border-right:1px solid var(--line)}.module-center{padding:18px;min-width:0}.module-right{display:none}.module-name{font-size:1.05rem;font-weight:900;margin-bottom:12px}.module-nav{display:grid;gap:4px}.module-nav>a,.module-stage-link{display:block;padding:9px 10px;border-radius:7px;font-size:.86rem;font-weight:800}.module-nav>a.active,.module-stage-link.active{background:#fff0e5;color:#b94d03;border-left:4px solid var(--orange)}.module-stage-list{display:grid;gap:2px;margin:4px 0 8px}.module-stage-link{font-weight:700;font-size:.78rem;padding-left:14px}.back-products{margin-top:15px}.on-page{display:grid;gap:4px}.on-page h3{margin:0 0 6px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#fff;padding:9px 10px;border-radius:7px;font-size:.9rem}.on-page a,.on-page button{padding:7px 8px;border-radius:6px;font-size:.8rem;color:#365f79;background:transparent;border:0;text-align:left;width:100%;cursor:pointer}.on-page a:hover,.on-page button:hover{background:#eaf5fb}.related{margin-top:14px}.related h3{background:#e8f5fb;padding:9px;border-radius:7px;margin:0 0 7px}.related a{display:block;padding:7px 4px;font-size:.78rem;border-bottom:1px solid #e2edf3}.module-head{background:linear-gradient(90deg,#073c5e,#0b4c70);color:#fff;padding:14px 16px;border-radius:10px;display:flex;justify-content:space-between;gap:14px;align-items:center}.module-head h1{font-size:1.85rem;margin:0 0 4px}.module-head p{margin:0;opacity:.9}.step-dots{display:flex;gap:7px;align-items:center}.step-dots span{width:12px;height:12px;border-radius:50%;background:#b8d4e3;border:2px solid #fff}.step-dots span.on{background:var(--orange)}
.module-overview{display:grid;gap:12px}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.purpose{padding:13px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}.purpose h3{margin:0 0 5px;font-size:.95rem}.purpose p{margin:0;color:var(--muted);line-height:1.4;font-size:.85rem}.system-map{padding:16px;background:#eaf5fb;border:1px solid #bcdbea;border-radius:10px}.system-map svg{width:100%;height:auto}.stage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stage-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.stage-card .num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;margin-bottom:7px}.stage-card h3{margin:0 0 4px;font-size:.93rem}.stage-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.38}
.learning-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px}.learning-title h2{font-size:1.35rem;margin:4px 0}.why-banner{display:flex;gap:11px;align-items:flex-start;margin:10px 0;padding:12px 14px;border-radius:9px;background:#fff0e4;border:1px solid #ffd1b1}.why-icon{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--orange);font-size:1.25rem;flex:0 0 38px}.why-banner b{color:#d45705}.why-banner p{margin:3px 0 0;color:#385b71;font-size:.9rem;line-height:1.4}.interactive-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.teach-step{border:1px solid #b9d9e9;border-radius:9px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-height:318px;transition:transform .18s ease,box-shadow .18s ease}.teach-step:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,54,84,.12)}.teach-step-head{display:flex;gap:8px;align-items:flex-start;padding:10px 11px 7px}.teach-num{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.05rem;flex:0 0 34px}.teach-step h3{margin:0;font-size:.92rem;line-height:1.15}.teach-step p{margin:3px 0 0;color:#496c82;font-size:.76rem;line-height:1.32}.teach-art{height:150px;background:linear-gradient(#dff1f9,#f4fbfe);border-top:1px solid #d7e8f0;border-bottom:1px solid #d7e8f0;display:grid;place-items:center;overflow:hidden}.teach-art svg{width:100%;height:100%}.teach-tip{padding:9px 10px;margin-top:auto;font-size:.76rem;color:#375b72;line-height:1.3;background:#f8fbfd}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.info-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.info-card h3{margin:0;padding:9px 11px;background:#eaf5fb;font-size:.9rem}.info-card.warn h3{background:#fff0e5;color:#c95305}.info-card .inside{padding:10px}.info-card ul{margin:0;padding-left:17px}.info-card li{margin:5px 0;color:#4c687b;font-size:.78rem;line-height:1.32}.method-list{display:grid;gap:6px}.method{display:flex;gap:8px;align-items:center;padding:7px;border:1px solid #e0ebf1;border-radius:7px}.method-icon{width:34px;height:34px;background:#eaf5fb;border-radius:7px;display:grid;place-items:center;font-weight:900;color:#0d6c98}.learning-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.learning-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.quiz-card{max-width:860px;margin:0 auto;padding:22px}.quiz-card h1,.quiz-card h2{margin:6px 0}.question{font-size:1.12rem;font-weight:850;margin:16px 0}.answers{display:grid;gap:8px}.answer{padding:12px 13px;border:1px solid #bfd2df;border-radius:8px;background:#fff;text-align:left;color:var(--ink)}.answer:hover,.answer.selected{border-color:#2a99c9;background:#edf8fc}.feedback{margin-top:12px;padding:13px;border-radius:9px;background:#eefaf3;border:1px solid #bce1ca}.feedback.bad{background:#fff4f1;border-color:#f1c6bb}.quiz-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.skip-link{border:0;background:transparent;color:#335f7b;font-weight:800;text-decoration:underline}.results-grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.score{padding:22px;text-align:center}.score strong{display:block;font-size:3rem;color:var(--orange)}.review-list{display:grid;gap:8px}.review-item{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reference-card{padding:15px}.reference-card h3{margin-top:0}.source-banner{margin-top:12px;padding:12px;border:1px solid #e8c98e;background:#fff8e9;border-radius:8px}.source-banner.ok{border-color:#b9ddc7;background:#f0faf4}
.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.simple-card{padding:15px}.simple-card h3{margin:0 0 6px}.simple-card p{margin:0;color:var(--muted);line-height:1.45}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.problem-card{padding:15px}.problem-card h3{margin:5px 0}.problem-card p{margin:0 0 10px;color:var(--muted);line-height:1.4}.progress-grid,.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.progress-card,.note-card{padding:15px}.note-card textarea{width:100%;min-height:120px;border:1px solid var(--line);border-radius:8px;padding:10px}.account-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.account-card{padding:19px}.modal{position:fixed;inset:0;background:rgba(2,24,38,.62);z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(760px,100%);background:#fff;border-radius:12px;padding:20px}.modal-card textarea{width:100%;min-height:180px;border:1px solid var(--line);border-radius:8px;padding:11px}.enlarge-card{width:min(1200px,96vw);max-height:90vh;overflow:auto}.enlarge-card .enlarge-art{height:620px}.enlarge-card .enlarge-art svg{width:100%;height:100%}
.mobile-nav{display:none}
@media(max-width:1180px){.top{grid-template-columns:220px 1fr 180px}.sidebar{width:205px}.main{margin-left:205px}.module-shell{grid-template-columns:180px minmax(0,1fr)}.module-right{display:none}.interactive-steps{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.simple-grid,.problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.top{height:62px;grid-template-columns:auto 1fr auto;padding:0 10px}.brand{width:auto}.brand div{display:none}.brandmark{width:38px;height:38px}.top-user{width:auto}.top-user button span{display:none}.search form{margin:0 8px}.sidebar{display:none}.main{margin-left:0;padding-top:62px;padding-bottom:58px}.canvas{padding:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:56px;z-index:70;background:#073654;display:grid;grid-template-columns:repeat(5,1fr)}.mobile-nav a{display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:800}.mobile-nav a.active{background:var(--orange)}.home-hero,.auth-hero,.auth-body{grid-template-columns:1fr}.home-hero-art{opacity:.25;width:65%}.home-hero-side,.auth-login{border-left:0;border-top:1px solid var(--line)}.route-grid,.module-grid,.simple-grid,.problem-grid,.progress-grid,.notes-grid,.account-grid,.purpose-grid,.stage-cards,.reference-grid,.results-grid{grid-template-columns:1fr}.journey-strip{grid-template-columns:1fr}.module-shell{grid-template-columns:1fr}.module-left{border-right:0;border-bottom:1px solid var(--line)}.module-nav{grid-template-columns:repeat(5,minmax(max-content,1fr));overflow:auto}.module-stage-list{display:none}.interactive-steps,.detail-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}.enlarge-card .enlarge-art{height:430px}}

/* ===== V19 living visual training structure ===== */
.v19-route-machine{margin-top:12px;padding:14px;border:1px solid #b9d8e8;border-radius:10px;background:#edf8fc}
.v19-route-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:11px}
.v19-route-node{border:1px solid #bad5e4;background:#fff;border-radius:9px;padding:10px;text-align:left;min-height:100px;color:var(--ink);transition:.16s transform,.16s box-shadow}
.v19-route-node:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,54,84,.11)}.v19-route-node.active{border:2px solid var(--orange);background:#fff7f1}
.v19-route-node .num{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.v19-route-node strong{display:block;margin:6px 0 3px}.v19-route-node small{color:var(--muted);line-height:1.3}
.v19-route-detail{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:12px;margin-top:10px;padding:12px;background:#fff;border:1px solid #cbdfe9;border-radius:9px;align-items:center}.v19-route-art{height:175px;border-radius:8px;overflow:hidden;background:#e3f3fa}.v19-route-art svg{width:100%;height:100%}.v19-route-detail h3{margin:5px 0}.v19-route-detail p{margin:0;color:var(--muted);line-height:1.45}
.v19-live-work{margin-top:10px}.v19-work-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v19-work-step{padding:0;border:1px solid #b9d8e8;border-radius:9px;background:#fff;text-align:left;color:var(--ink);overflow:hidden;transition:.16s transform,.16s box-shadow}.v19-work-step:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(7,54,84,.12)}.v19-work-step.active{outline:3px solid var(--orange);outline-offset:-3px}
.v19-work-head{display:flex;gap:8px;padding:10px}.v19-work-num{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.v19-work-head h3{margin:0;font-size:.92rem;line-height:1.15}.v19-work-head p{margin:3px 0 0;color:#496b80;font-size:.75rem;line-height:1.3}.v19-work-art{height:150px;background:linear-gradient(#dff1f9,#f7fcfe);border-top:1px solid #d6e8f0;border-bottom:1px solid #d6e8f0;overflow:hidden}.v19-work-art svg{width:100%;height:100%}.v19-work-foot{padding:8px 10px;background:#f8fbfd;color:#41647a;font-size:.74rem}
.v19-inspector{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:9px;margin-top:10px}.v19-inspector-main,.v19-inspector-side{padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff}.v19-inspector-main h3,.v19-inspector-side h3{margin:5px 0}.v19-inspector-main>p,.v19-inspector-side p{margin:0;color:var(--muted);line-height:1.43}.v19-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v19-do,.v19-dont{padding:10px;border-radius:8px}.v19-do{background:#eefaf3;border:1px solid #bfe1ca}.v19-dont{background:#fff3f0;border:1px solid #efc5bc}.v19-do b{color:#15824f}.v19-dont b{color:#c53d32}.v19-do p,.v19-dont p{margin:4px 0 0;line-height:1.4}
.v19-accordion{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.v19-accordion details{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.v19-accordion summary{list-style:none;padding:10px 11px;background:#eaf5fb;font-weight:850;font-size:.88rem;cursor:pointer}.v19-accordion summary::-webkit-details-marker{display:none}.v19-accordion details[open] summary{background:#dff1f9}.v19-detail{padding:10px}.v19-detail ul{margin:0;padding-left:17px}.v19-detail li{margin:5px 0;color:#4b687b;font-size:.78rem;line-height:1.34}
@media(max-width:1180px){.v19-work-steps,.v19-accordion{grid-template-columns:repeat(2,1fr)}.v19-route-track{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.v19-work-steps,.v19-accordion,.v19-route-track,.v19-route-detail,.v19-inspector,.v19-do-dont{grid-template-columns:1fr}.v19-route-art{height:150px}}


/* ===== textbook learning + scored completion ===== */
.left-on-page{margin:12px 0 8px;padding-top:11px;border-top:1px solid var(--line)}
.left-on-page h3{margin-bottom:5px}
.textbook{margin-top:12px;max-width:900px}
.textbook-intro{padding:18px 20px;background:linear-gradient(90deg,#edf8fc,#f9fcfe);border-left:5px solid var(--orange);border-radius:9px}
.textbook-lead{font-size:1.08rem;line-height:1.7;margin:0;color:#274d65;font-weight:650}
.textbook-section{padding:19px 4px 5px;border-bottom:1px solid #e1ebf1}
.textbook-section h3{font-size:1.22rem;margin:0 0 9px;color:#0b4a6c}
.textbook-section p{max-width:78ch;font-size:1rem;line-height:1.72;margin:0 0 12px;color:#294b61}
.textbook-callout{margin:18px 0 4px;padding:14px 16px;border:1px solid #ffd0ae;border-left:5px solid var(--orange);background:#fff7f1;border-radius:8px}
.textbook-callout p{margin:5px 0 0;line-height:1.6;color:#3d5c70}
.textbook-facts,.textbook-methods,.textbook-watch{margin-top:20px}
.fact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}
.fact-item{padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#f9fcfe}
.fact-item span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850}
.fact-item strong{display:block;margin-top:5px;line-height:1.35;color:#143e58}
.textbook-methods .method-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}
.textbook-watch{padding:15px 17px;border-radius:9px;background:#fff4f0;border:1px solid #f0c5b9}
.textbook-watch h2{margin:0 0 7px;font-size:1.08rem;color:#a83c29}
.textbook-watch p{margin:5px 0;line-height:1.55;color:#4f5d66}
.answer.correct{border-color:#5fb884;background:#edf9f2;box-shadow:inset 4px 0 0 #15945a}
.answer.wrong{border-color:#e08c7d;background:#fff2ef;box-shadow:inset 4px 0 0 #c94646}
.answer:disabled{cursor:default;opacity:1;color:var(--ink)}
.pass-state{margin-top:12px;padding:8px 10px;border-radius:7px;font-weight:850}
.pass-state.passed{background:#eaf8f0;color:#157348}
.pass-state.not-passed{background:#fff2ef;color:#a2382f}
.passed-chip{background:#eaf8f0;border-color:#b8dfc8;color:#157348}
@media(max-width:760px){.textbook{max-width:none}.textbook-section p{max-width:none}.fact-row{grid-template-columns:1fr}}


/* ===== notes side rail + glossary ===== */
:root{--notes-width:380px}
.main{transition:margin-right .24s ease}
body.notes-open .main{margin-right:var(--notes-width)}
.side-nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;color:#fff;font-weight:750;border:0;background:transparent;text-align:left;width:100%}
.side-nav button:hover{background:rgba(255,255,255,.08)}
.notes-drawer{position:fixed;top:72px;right:0;bottom:0;width:var(--notes-width);z-index:48;background:#fafdff;border-left:1px solid var(--line);box-shadow:-12px 0 30px rgba(7,54,84,.12);padding:18px;transform:translateX(105%);transition:transform .24s ease;display:flex;flex-direction:column;gap:12px}
body.notes-open .notes-drawer{transform:translateX(0)}
.notes-resizer{position:absolute;left:-6px;top:0;bottom:0;width:12px;cursor:ew-resize;touch-action:none}
.notes-resizer::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:transparent}
.notes-resizer:hover::after{background:var(--orange)}
.notes-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.notes-drawer-head h2{font-size:1.05rem;line-height:1.25;margin:7px 0 0}
.notes-drawer textarea{width:100%;min-height:260px;flex:1;resize:none;border:1px solid #b9cfdd;border-radius:9px;padding:13px;background:#fff;color:var(--ink);line-height:1.55;outline:none}
.notes-drawer textarea:focus{border-color:#2b95c3;box-shadow:0 0 0 3px rgba(43,149,195,.12)}
.notes-autosave{font-size:.76rem;color:var(--muted);min-height:18px}
.notes-saved{border-top:1px solid var(--line);padding-top:11px;max-height:190px;overflow:auto}
.notes-saved h3{margin:0 0 7px;font-size:.9rem}
.notes-saved button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:6px;color:#315c77;font-size:.78rem}
.notes-saved button:hover{background:#eaf5fb}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.glossary-card{padding:15px}
.glossary-card h3{margin:0 0 7px;color:#0b567d}
.glossary-card p{margin:0;color:var(--muted);line-height:1.5}
.glossary-term{position:relative;border-bottom:1px dotted #1479a8;color:inherit;cursor:help}
.glossary-term::after{content:attr(data-definition);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(4px);width:min(310px,70vw);padding:10px 12px;border-radius:8px;background:#073654;color:#fff;font-size:.78rem;font-weight:500;line-height:1.4;box-shadow:0 10px 25px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.14s;z-index:120;white-space:normal}
.glossary-term::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#073654;opacity:0;transition:.14s;z-index:121}
.glossary-term:hover::after,.glossary-term:focus::after,.glossary-term:hover::before,.glossary-term:focus::before{opacity:1;transform:translateX(-50%) translateY(0)}
.module-shell{overflow:visible}
@media(max-width:1180px){.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.notes-open .main{margin-right:0}.notes-drawer{top:62px;width:min(var(--notes-width),94vw)}.glossary-grid{grid-template-columns:1fr}.notes-drawer textarea{min-height:220px}}


/* ===== V20 textbook learning rewrite ===== */
.learning-section-nav{margin:5px 0 9px;padding-left:0}
.learning-section-nav .module-stage-link{width:100%;border:0;background:transparent;text-align:left;color:#365f79;cursor:pointer}
.learning-section-nav .module-stage-link:hover{background:#eaf5fb;color:#0b567d}
.learning-section-nav .module-stage-link.active{background:#eaf5fb;color:#0b567d;border-left:0}
.learning-title{margin-bottom:3px}
.learning-title>div>p{max-width:850px;line-height:1.55;margin:6px 0 0}
.textbook-block{margin-top:18px;padding-top:2px;scroll-margin-top:90px}
.textbook-block>.section-head{margin-bottom:10px}
.textbook-block>.section-head p{max-width:850px;line-height:1.5}
.textbook-prose{max-width:920px}
.textbook-prose h3{margin:22px 0 7px;font-size:1.18rem;color:#0b4a6c}
.textbook-prose p{margin:0 0 14px;font-size:1rem;line-height:1.75;color:#294b61;max-width:82ch}
.textbook-chapters{display:grid;gap:16px}
.textbook-chapter{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 0 20px;border-bottom:1px solid #dce8ef}
.textbook-chapter:last-child{border-bottom:0}
.chapter-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;margin-top:2px}
.textbook-chapter h3{margin:0 0 8px;font-size:1.2rem;color:#0b4a6c}
.textbook-chapter p{margin:0 0 12px;font-size:1rem;line-height:1.72;color:#294b61;max-width:82ch}
.textbook-chapter .chapter-lead{font-size:1.04rem;font-weight:700;color:#244e67}
.fact-explain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fact-explain{padding:15px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}
.fact-label{font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--orange)}
.fact-explain h3{margin:5px 0 7px;font-size:1.04rem;color:#153f59}
.fact-explain p{margin:0;color:#526e80;line-height:1.55;font-size:.9rem}
.method-explain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.method-explain{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}
.method-explain h3{margin:0 0 5px}
.method-explain p{margin:0;color:#526e80;line-height:1.55;font-size:.9rem}
.watch-list{display:grid;gap:8px}
.watch-list p{margin:0;padding:11px 13px;background:#fff;border:1px solid #efc8bd;border-radius:7px;color:#4e5e69;line-height:1.55}
@media(max-width:760px){.textbook-chapter{grid-template-columns:34px 1fr;gap:10px}.chapter-number{width:31px;height:31px}.fact-explain-list,.method-explain-list{grid-template-columns:1fr}}


/* ===== Notes drawer V2 ===== */
.notes-drawer{overflow:hidden}
.notes-head-actions{display:flex;gap:7px;align-items:center}
.notes-drawer-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}
.note-title-label{display:grid;gap:5px;font-size:.74rem;font-weight:850;color:#567185;margin-bottom:9px}
.note-title-label input{width:100%;border:1px solid #b9cfdd;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);font:inherit;font-size:.9rem;font-weight:750;outline:none}
.note-title-label input:focus{border-color:#2b95c3;box-shadow:0 0 0 3px rgba(43,149,195,.12)}
.notes-drawer-scroll>textarea{display:block;min-height:250px;max-height:none;flex:none;margin-bottom:7px}
.notes-saved{max-height:none;overflow:visible;margin-top:14px;padding-bottom:18px}
.notes-saved #savedNotesList{display:grid;gap:5px}
.notes-saved button{display:grid;gap:3px;border:1px solid transparent}
.notes-saved button strong{font-size:.8rem;color:#244e67;line-height:1.2}
.notes-saved button small{font-size:.7rem;color:#718895;line-height:1.25;font-weight:500}
.notes-saved button:hover{background:#eaf5fb;border-color:#d3e7f1}


/* ===== Wider training pages + Notes library ===== */
.quick-note-top{border:1px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.1)!important;padding:8px 10px!important;border-radius:7px!important;white-space:nowrap}
.quick-note-top:hover{background:rgba(255,255,255,.18)!important}
.learning-title>div>p,.textbook-block>.section-head p,.textbook-prose,.textbook-prose p,.textbook-chapter p{max-width:none}
.learning-page-body{width:100%}
.textbook-prose{width:100%}
.textbook-chapter>div{min-width:0;width:100%}

.notes-library{display:grid;grid-template-columns:230px minmax(260px,.7fr) minmax(420px,1.3fr);gap:12px;min-height:620px}
.notes-folders,.notes-list-panel,.notes-editor-panel{padding:14px;min-width:0}
.notes-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.notes-library-head h2{margin:0;font-size:1rem}
.notes-folder{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#315c77;text-align:left;font-weight:750;margin-bottom:3px}
.notes-folder:hover,.notes-folder.active{background:#eaf5fb;color:#0b567d}
.notes-folder b{font-size:.72rem;background:#dceef7;border-radius:999px;padding:2px 7px}
.new-folder-box{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.new-folder-box input{min-width:0;padding:8px 9px;border:1px solid #bfd2df;border-radius:7px}
.notes-page-list{display:grid;gap:6px;max-height:680px;overflow:auto;padding-right:3px}
.notes-page-item{display:block;width:100%;padding:11px;border:1px solid #d7e4ec;border-radius:8px;background:#fff;text-align:left;color:var(--ink)}
.notes-page-item:hover,.notes-page-item.active{background:#eef8fc;border-color:#9bc7dc}
.notes-page-item strong,.notes-page-item small,.notes-page-item p{display:block}
.notes-page-item small{color:var(--orange);font-size:.7rem;font-weight:850;margin-top:3px}
.notes-page-item p{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.35}
.notes-editor-panel{display:flex;flex-direction:column}
.notes-editor-panel textarea{width:100%;flex:1;min-height:430px;resize:vertical;border:1px solid #b9cfdd;border-radius:9px;padding:13px;background:#fff;color:var(--ink);line-height:1.6;outline:none}
.notes-editor-panel textarea:focus{border-color:#2b95c3;box-shadow:0 0 0 3px rgba(43,149,195,.12)}
.notes-editor-panel select,.quick-note-drawer select{width:100%;border:1px solid #b9cfdd;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink)}
.notes-empty{padding:18px;border:1px dashed #c5d8e4;border-radius:9px;color:var(--muted);background:#fbfdff}
.notes-empty p{margin:5px 0 0}
.editor-empty{margin:auto;width:100%;text-align:center}
@media(max-width:1200px){.notes-library{grid-template-columns:190px 280px minmax(0,1fr)}}
@media(max-width:900px){.notes-library{grid-template-columns:1fr}.notes-page-list{max-height:300px}.notes-editor-panel textarea{min-height:320px}}


/* ===== Rich text Notes editor ===== */
.note-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:7px;border:1px solid #c9d9e4;border-bottom:0;border-radius:8px 8px 0 0;background:#f7fafc}
.note-toolbar button,.note-toolbar select,.note-color{height:30px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.note-toolbar button{min-width:30px;padding:0 7px;font-size:.8rem;font-weight:700}
.note-toolbar button:hover,.note-toolbar select:hover,.note-color:hover{background:#e7f2f8;border-color:#c6dae6}
.note-toolbar select{padding:0 5px;background:#fff;border-color:#d2e0e8}
.note-toolbar [data-rich-font]{width:102px}
.note-toolbar [data-rich-size]{width:58px}
.note-color{position:relative;padding:0 8px;font-weight:900;cursor:pointer}
.note-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.note-highlight{background:linear-gradient(transparent 62%,#fff2a8 62%)}
.rich-note-editor{width:100%;min-height:250px;border:1px solid #b9cfdd;border-radius:0 0 9px 9px;padding:13px;background:#fff;color:var(--ink);line-height:1.6;outline:none;overflow:auto}
.rich-note-editor:focus{border-color:#2b95c3;box-shadow:0 0 0 3px rgba(43,149,195,.12)}
.rich-note-editor:empty::before{content:attr(data-placeholder);color:#91a3af;pointer-events:none}
.rich-note-editor ul,.rich-note-editor ol{padding-left:24px}
.rich-note-editor p{margin:.35em 0}
.quick-rich-editor{min-height:260px}
.page-rich-editor{flex:1;min-height:430px;resize:vertical}
.notes-editor-panel .note-toolbar{margin-top:2px}
.notes-editor-panel .rich-note-editor{flex:1}
@media(max-width:760px){.note-toolbar [data-rich-font]{width:88px}.page-rich-editor{min-height:320px}}