:root{--ink:#263647;--muted:#758292;--blue:#245a83;--navy:#173a57;--line:#e4e9ef;--paper:#fff;--canvas:#f4f6f8;--soft:#eef4f8;--green:#28775f;--orange:#aa6c29;--red:#ac4946;--radius:6px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;line-height:1.65;background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid #96bdd9;outline-offset:3px}a{color:var(--blue);text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;font-weight:600;letter-spacing:.3px;line-height:1.5}h2{font-size:21px;font-weight:600;line-height:1.5}h3{font-size:16px;font-weight:600}h4{font-size:14px;font-weight:600}small{font-size:12px}strong{font-weight:600}svg{display:block}button svg{flex:none}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px;flex:none}input:not([type=checkbox]),textarea,select{width:100%;min-height:38px;padding:8px 11px;border:1px solid #d7dfe8;border-radius:4px;background:#fff;min-width:0}textarea{resize:vertical;min-height:100px;line-height:1.8}select{padding-right:22px}input:disabled,textarea:disabled,select:disabled{background:#f4f6f8}form{margin:0}.initial-loading{display:grid;place-items:center;min-height:70vh;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.mono{font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.head-inner{max-width:1440px;margin:auto;height:76px;display:flex;align-items:center;gap:22px;padding:0 34px}.brand{display:flex;gap:12px;align-items:center;border:0;background:none;padding:0;text-align:left}.brand img{width:39px;height:39px}.brand-name{font-size:21px;letter-spacing:2px;color:var(--navy);font-weight:650}.brand-sub{font-size:10px;letter-spacing:1.1px;color:var(--muted);line-height:1.2}.head-divider{width:1px;height:28px;background:var(--line)}.head-course{font-size:14px;color:#5a6b7a}.account{margin-left:auto;display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f0f5;color:var(--navy);font-weight:600}.account-name{font-size:13px}.account-role{font-size:11px;color:var(--muted);display:block}.nav-shell{background:var(--navy)}.main-nav{max-width:1440px;display:flex;margin:auto;padding:0 34px;gap:5px}.main-nav button{position:relative;border:0;background:none;color:#c7d5e0;padding:17px 24px;font-size:14px;white-space:nowrap}.main-nav button[aria-current=page]{color:#fff;background:#ffffff0c}.main-nav button[aria-current=page]:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:3px;background:#cda16e}.main-nav button:hover{color:#fff;background:#ffffff09}.page{max-width:1440px;margin:0 auto;padding:27px 34px 40px}.breadcrumb{color:#8994a2;font-size:12px;margin-bottom:20px;display:flex;gap:8px;align-items:center}.breadcrumb span:last-child{color:#526777}.page-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap}.subtitle{font-size:13px;color:var(--muted);margin-top:7px;max-width:850px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 14px;border:1px solid #d6dfe8;border-radius:4px;background:#fff;color:#506374;font-size:13px;line-height:1.45;white-space:normal}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.dark{background:var(--navy);border-color:var(--navy);color:#fff}.button.link{border-color:transparent;background:transparent;color:var(--blue);padding-left:0;padding-right:0}.button.danger{color:var(--red)}.button.small{font-size:12px;min-height:30px;padding:4px 10px}.button:hover:not(:disabled){filter:brightness(.97)}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.section-body{padding:22px}.section-head h3{display:flex;align-items:center;gap:9px}.section-head h3:before{content:"";width:3px;height:16px;background:var(--blue);border-radius:1px}.section-head .note{font-size:12px;color:var(--muted)}.stack{display:grid;gap:20px;align-content:start}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tag{display:inline-flex;align-items:center;border-radius:3px;background:#edf3f7;color:#50758b;padding:2px 7px;font-size:11px;white-space:nowrap}.tag.green{background:#edf6f1;color:var(--green)}.tag.orange{background:#fbf3e9;color:var(--orange)}.tag.red{background:#fbefee;color:var(--red)}.tag.gray{background:#f1f3f5;color:#7a8590}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor;margin-right:5px}.empty{padding:48px 24px;text-align:center;color:var(--muted);font-size:13px}.empty h3{color:#4f6576;margin-bottom:8px}.note-box{padding:13px 16px;background:#f2f6fa;border-left:3px solid #8ba9bf;color:#526d80;font-size:13px;line-height:1.8}.note-box.warn{background:#fcf7ef;border-color:#c79c5a;color:#876b43}.note-box.error{background:#fbf1ef;border-color:#c2746c;color:#9c554d}.course-cover{background:#173a57;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:36px 38px 29px;border-radius:6px;position:relative;overflow:hidden}.course-cover .kicker{font-size:11px;letter-spacing:2.1px;color:#bdd0de;margin-bottom:12px}.course-cover h1{max-width:700px}.course-cover .desc{color:#cad7e1;font-size:13px;margin:10px 0 23px;max-width:650px;line-height:1.9}.cover-meta{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;color:#b8cbda}.course-cover .button{background:#fff;border-color:#fff;color:var(--navy);margin-bottom:23px}.cover-art{align-self:center;opacity:.85;min-width:0}.cover-art svg{width:100%;height:auto}.course-tabs{display:flex;gap:24px;padding:16px 0 0;border-bottom:1px solid var(--line);margin-bottom:24px}.course-tabs span{padding:0 4px 13px;color:#7b8794;font-size:13px}.course-tabs span.active{border-bottom:2px solid var(--blue);color:var(--blue)}.objectives{display:grid;gap:13px;list-style:none;padding:0;margin:0}.objectives li{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#596c7b}.objectives li>span{color:#8ba3b5;font-family:Georgia,serif;font-size:18px;line-height:1.25}.chapter-list{display:grid}.chapter-row{display:grid;grid-template-columns:46px minmax(0,1fr) 100px 88px;gap:15px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.chapter-row:last-child{border:0}.chapter-index{font-family:Georgia,serif;font-size:24px;color:#b0bdc8}.chapter-name{font-size:14px;font-weight:500}.chapter-desc{font-size:12px;color:var(--muted);margin-top:4px}.progress-line{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:var(--muted)}.progress-track{background:#eaf0f4;height:5px;border-radius:4px;overflow:hidden;margin:10px 0 17px}.progress-track i{display:block;background:#4c7794;height:100%}.side-row{padding:13px 0;border-bottom:1px solid var(--line)}.side-row:last-child{border:0}.side-row h4{font-size:13px;margin-bottom:5px}.side-row p{font-size:12px;color:var(--muted);line-height:1.8}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:22px;padding:23px 0}.metric{padding:0 26px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-value{font-family:Inter,"Segoe UI",sans-serif;font-size:28px;line-height:1.3;color:var(--navy);font-weight:500}.metric-label{font-size:12px;color:var(--muted);margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;font-weight:500;color:#7a8997;background:#f8fafb;white-space:nowrap}tbody tr:last-child td{border:0}tbody tr:hover{background:#fbfcfd}td .actions{gap:12px}td p{font-size:12px;color:var(--muted);margin-top:4px}.table-title{font-weight:500;color:#344d60}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}.tabs button{border:0;background:none;padding:11px 3px;color:#7c8b99;font-size:13px;position:relative}.tabs button[aria-selected=true]{color:var(--blue);font-weight:500}.tabs button[aria-selected=true]:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.field{display:grid;gap:7px;font-size:13px;margin-bottom:17px}.field>span{color:#526676}.field small{color:var(--muted)}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:9px 0}.check input{margin-top:4px}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-group{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.field-group:last-child{border:0}.form-help{color:var(--muted);font-size:12px;line-height:1.8;margin-top:6px}.stepper{display:flex;border-bottom:1px solid var(--line);margin-bottom:23px;gap:0}.stepper button{background:none;border:0;padding:14px 18px;color:#8a96a2;display:flex;gap:9px;align-items:center;font-size:13px}.stepper button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.step-number{display:grid;place-items:center;background:#edf2f6;width:23px;height:23px;border-radius:50%;font-size:11px}.stepper .active .step-number{background:var(--blue);color:#fff}.form-footer{border-top:1px solid var(--line);padding:18px 0 0;margin-top:23px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.node-code{font-size:11px;font-family:Consolas,monospace;color:#9aa7b1;margin-right:6px}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.graph-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.graph-tabs{display:flex;gap:5px;background:#eaf0f4;padding:4px;border-radius:5px;flex-wrap:wrap}.graph-tabs button{border:0;background:none;padding:7px 15px;color:#718290;border-radius:3px;font-size:13px}.graph-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 1px 3px #173a5709}.graph-search{max-width:230px}.graph-canvas{background:#f8fafb;min-height:350px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.graph-canvas svg{width:100%;height:auto}.graph-node{cursor:pointer}.graph-node rect{fill:#fff;stroke:#dae3eb;stroke-width:1}.graph-node.selected rect{fill:#edf4f9;stroke:#527d9f;stroke-width:1.5}.graph-node text{font-size:13px;fill:#38556b}.graph-node .graph-code{font-size:10px;fill:#95a4b0}.graph-key{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:13px}.graph-detail{background:#fff;border:1px solid var(--line);border-top:3px solid #7296ae;border-radius:4px;padding:20px}.graph-detail .node-title{margin:9px 0;font-size:17px;color:var(--navy)}.graph-detail .node-desc{font-size:13px;color:#71808d;line-height:1.9}.detail-block{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.detail-block h4{font-size:12px;color:#617c8e;margin-bottom:8px}.relation-list{display:flex;gap:6px;flex-wrap:wrap}.relation-button{background:#f5f8fa;border:1px solid #e7edf1;color:#5b788b;border-radius:3px;font-size:12px;padding:4px 7px}.learning-layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:22px}.resource-nav{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.resource-nav h3{padding:18px 20px;border-bottom:1px solid var(--line);font-size:14px}.resource-item{width:100%;display:flex;gap:12px;text-align:left;border:0;background:#fff;padding:13px 17px;color:#6d8090;border-bottom:1px solid #eff2f5;font-size:12px;align-items:flex-start}.resource-item.active{background:#edf4f8;color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.resource-item em{font-style:normal;font-size:10px;color:#a3b0ba}.article{background:#fff;border:1px solid var(--line);border-radius:5px;padding:32px 38px}.article h2{font-size:23px;margin:9px 0 13px}.article .article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.article .prose{line-height:2.25;color:#566a79;font-size:14px}.article .prose p{margin-bottom:18px}.article .source{font-size:12px;color:#8d9aa5;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.work-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.work-layout{display:grid;grid-template-columns:174px minmax(0,1fr) 245px;gap:17px;align-items:start}.work-steps{background:#fff;border:1px solid var(--line);border-radius:5px}.work-steps h3{font-size:13px;padding:15px;border-bottom:1px solid var(--line)}.work-steps ol{list-style:none;padding:10px 14px;margin:0;display:grid;gap:8px}.work-steps li{font-size:12px;color:#81909c;display:flex;gap:8px;align-items:flex-start;padding:4px 0}.work-steps li span{font-size:10px;color:#aab7c0;min-width:14px}.work-steps .work-association{padding:14px;border-top:1px solid var(--line);font-size:12px}.work-main{background:#fff;border:1px solid var(--line);border-radius:5px;padding:19px;min-width:0}.work-main .tabs{gap:17px;margin-bottom:18px}.work-main .tabs button{font-size:12px;padding-top:4px}.work-footer{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:19px;align-items:center}.work-side{background:#fff;border:1px solid var(--line);border-radius:5px;min-width:0}.work-side h3{padding:15px 16px;font-size:13px;border-bottom:1px solid var(--line)}.work-side .log-list{padding:0 15px}.log-entry{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.log-entry summary{cursor:pointer;color:#4a6d86;display:flex;gap:7px;align-items:center}.log-entry .log-actor{font-size:10px;color:#8a9dab;margin-bottom:5px}.json-box{background:#f5f7f9;border:1px solid #e8edf2;padding:11px;font-family:Consolas,monospace;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#5e7384;margin-top:8px;border-radius:3px;max-height:320px;overflow:auto}.hint-area{padding:15px;font-size:12px}.hint-area p{color:var(--muted);line-height:1.9;margin:8px 0}.editor-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#668196;margin-bottom:8px}.code-editor{font-family:Consolas,monospace;font-size:12px!important;background:#fafcfd!important;min-height:150px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.workflow-list{margin:15px 0;padding:0;list-style:none;display:grid;gap:8px}.workflow-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fafcfd;padding:10px 13px;font-size:12px;border-radius:4px}.workflow-list .flow-index{color:#9aa9b6;margin-right:10px}.flow-arrows{display:flex;gap:4px}.flow-arrows button{border:1px solid #e0e8ef;background:#fff;border-radius:3px;padding:1px 7px;min-height:26px;color:#7f96a6}.map-container{border:1px solid #dce5e8;background:#f3f6f3;border-radius:4px;overflow:hidden;min-height:180px}.map-container svg{display:block;width:100%;height:auto}.map-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:10px 0 15px}.map-toolbar input[type=range]{min-height:22px;padding:0;width:140px;border:0}.legend{display:flex;gap:13px;font-size:11px;color:#7d8f9b;flex-wrap:wrap;margin:9px 0}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px}.run-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:14px 0}.run-stats strong{font-size:17px;font-weight:500;color:#38566c;display:block}.run-stats small{font-size:10px;color:var(--muted)}.error-list{display:grid;gap:7px;margin:12px 0}.error-item{padding:10px 12px;background:#fbf4f1;border-left:2px solid #c68a76;font-size:12px;color:#9b6552;line-height:1.8}.report-summary{display:grid;gap:12px}.report-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.report-row span:first-child{color:#82909c}.report-row span:last-child{color:#435e73;text-align:right}.status-banner{padding:11px 15px;font-size:12px;background:#edf6f1;color:#3f775f;border:1px solid #deeee5;border-radius:4px;margin:15px 0}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:21px}.score-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.evidence-timeline{border-left:1px solid #d9e4ec;margin-left:4px;padding-left:21px}.evidence-event{position:relative;padding:0 0 20px}.evidence-event:before{content:"";position:absolute;left:-25px;top:7px;width:7px;height:7px;border-radius:50%;background:#7e9fb7;border:2px solid #fff;outline:1px solid #8eabbf}.evidence-event h4{font-size:13px;color:#4c6c83}.evidence-event p{font-size:12px;color:var(--muted);margin-top:6px}.student-line{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.pill-number{display:flex;align-items:center;gap:8px;color:#8293a0;font-size:12px}.number-marker{width:28px;height:28px;border:1px solid #dce6ed;color:#6e8ba1;background:#f5f8fa;border-radius:50%;display:grid;place-items:center;font-size:11px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);background:#fff}.login-story{background:#173a57;color:#fff;padding:50px 8vw 50px 7vw;display:flex;flex-direction:column;justify-content:space-between;min-height:760px}.login-story .brand-name{color:#fff}.login-story .brand-sub{color:#a4bbce}.login-story .login-title{margin:80px 0 25px;font-size:36px;line-height:1.65;letter-spacing:1px}.login-story .login-intro{color:#b8cbd9;line-height:2.1;max-width:440px;font-size:14px}.login-foot{font-size:11px;letter-spacing:1px;color:#8da8bc;margin-top:70px}.login-panel{display:grid;place-items:center;padding:50px}.login-form{width:100%;max-width:350px}.login-form h2{font-size:26px;color:#29475f;margin-bottom:10px}.login-form>p{color:var(--muted);font-size:13px;margin-bottom:35px}.login-form .field{margin-bottom:21px}.login-form .button{width:100%;margin-top:8px;min-height:43px;font-size:14px}.account-hints{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;color:#8a98a3;font-size:12px}.account-hints button{display:block;border:0;background:none;color:#6b8598;font-size:12px;padding:5px 0}.login-error{color:var(--red);font-size:12px;min-height:20px;margin:10px 0}.footer{max-width:1440px;margin:auto;padding:12px 34px 25px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#97a2ad;font-size:11px}.footer .system-live{color:#648473}.feedback-link{border:0;background:none;color:#728b9d;font-size:11px}.modal-overlay{position:fixed;inset:0;background:#122b425c;backdrop-filter:blur(2px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 20px;overflow:auto}.modal{width:min(700px,100%);background:#fff;border-radius:7px;box-shadow:0 20px 80px #132a4333;outline:0}.modal.wide{width:min(1050px,100%)}.modal-head{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-close{border:0;background:none;color:#8da0af;font-size:23px;line-height:1;padding:5px}.modal-body{padding:24px 25px}.modal-foot{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal .check-grid{max-height:240px;overflow:auto}.modal-error{color:var(--red);font-size:12px;margin:12px 0;min-height:18px}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#203e53;color:#fff;font-size:13px;padding:11px 21px;border-radius:5px;box-shadow:0 5px 30px #132a4322;max-width:min(700px,90vw);z-index:100;display:none}#toast.error{background:#94564d}.search-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.search-toolbar input{max-width:300px}.read-check{font-size:11px;color:var(--green)}.resource-count{color:#a2aeb8;font-size:11px}.audit-row{font-size:12px;display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.audit-row time{color:#9aa8b3;font-size:11px}.capability{padding:16px 0;border-bottom:1px solid var(--line)}.capability:last-child{border:0}.capability .cap-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.capability p{color:var(--muted);font-size:12px;margin-top:6px}.inline-error{color:var(--red);font-size:12px;margin-top:10px}.badge-outline{display:inline-flex;color:#7492a9;font-size:11px;border:1px solid #d9e4ec;padding:1px 6px;border-radius:3px}.mobile-only{display:none}
@media(min-width:1600px){.work-layout{grid-template-columns:190px minmax(0,1fr) 270px}.work-main{padding:23px}}
@media(max-width:1200px){.main-nav button{padding-left:18px;padding-right:18px}.main-nav button[aria-current=page]:after{left:18px;right:18px}.work-layout{grid-template-columns:minmax(0,1fr) 240px}.work-steps{grid-column:1/-1}.work-steps ol{display:flex;flex-wrap:wrap;gap:5px 18px}.work-steps li{padding:2px 0}.work-steps ol li:nth-child(n+9){display:none}.work-steps h3{display:none}.work-steps .work-association{display:none}.columns{grid-template-columns:minmax(0,1fr) 280px}.course-cover{grid-template-columns:minmax(0,1fr) 245px;padding:30px}.graph-layout{grid-template-columns:minmax(0,1fr) 290px}.chapter-row{grid-template-columns:34px minmax(0,1fr) 80px 76px;gap:12px}}
@media(max-width:900px){.head-inner{padding:0 22px;height:70px}.head-course{display:none}.head-divider{display:none}.main-nav{padding:0 12px;overflow:auto}.main-nav button{padding:14px 16px}.page{padding:22px}.columns,.graph-layout,.review-layout{grid-template-columns:1fr}.course-cover{grid-template-columns:1fr}.cover-art{display:none}.columns>.stack{grid-template-columns:1fr 1fr}.work-layout{grid-template-columns:1fr}.work-side .log-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.learning-layout{grid-template-columns:210px minmax(0,1fr)}.article{padding:26px}.login-page{grid-template-columns:1fr}.login-story{min-height:unset;padding:35px 40px}.login-story .login-title{margin:35px 0 15px;font-size:29px}.login-story .login-intro,.login-foot,.login-story .cover-art{display:none}.login-panel{padding:45px 30px}.login-form{max-width:420px}.footer{padding:15px 22px}.chapter-row{padding:16px}.three-columns{grid-template-columns:1fr 1fr}}
@media(max-width:600px){:root{font-size:13px}.head-inner{padding:0 16px;height:65px;gap:10px}.brand img{width:32px;height:32px}.brand-name{font-size:18px}.brand-sub{font-size:9px}.account-name{display:none}.account{gap:7px}.account .button{font-size:11px;padding:5px 8px;min-height:30px}.avatar{width:28px;height:28px;font-size:12px}.main-nav{padding:0 3px;gap:0}.main-nav button{padding:13px 14px;font-size:12px}.page{padding:18px 14px 28px}.breadcrumb{margin-bottom:15px;font-size:11px}.page-title{gap:12px;margin-bottom:17px}h1{font-size:22px}h2{font-size:19px}.subtitle{font-size:12px}.section-head{padding:15px 16px}.section-body{padding:16px}.course-cover{padding:23px 22px}.course-cover .kicker{font-size:9px;margin-bottom:11px;letter-spacing:1.5px}.course-cover .desc{font-size:12px}.cover-meta{gap:8px 16px;font-size:11px}.course-tabs{gap:17px}.columns>.stack,.two-columns,.three-columns,.fields-row,.config-grid{grid-template-columns:1fr}.chapter-row{grid-template-columns:28px minmax(0,1fr) 73px;gap:9px;padding:16px}.chapter-row>.tag{display:none}.chapter-index{font-size:20px}.chapter-desc{font-size:11px}.chapter-name{font-size:13px}.chapter-row .button{font-size:11px;min-height:30px;padding:5px 8px}.metrics-strip{grid-template-columns:1fr 1fr;gap:21px 0;padding:20px 0}.metric:nth-child(2){border:0}.metric{padding:0 21px}.metric-value{font-size:25px}.learning-layout{grid-template-columns:1fr;gap:16px}.resource-nav{max-height:240px;overflow:auto}.resource-nav h3{padding:13px 16px}.resource-item{padding:10px 16px}.article{padding:22px 18px}.article h2{font-size:20px}.article .prose{font-size:13px}.graph-toolbar{align-items:stretch}.graph-tabs{width:100%;justify-content:space-between}.graph-tabs button{font-size:12px;padding:6px 8px}.graph-search{max-width:none}.graph-canvas{min-height:260px}.graph-detail{padding:18px}.check-grid{grid-template-columns:1fr}.stepper{flex-wrap:wrap;gap:4px;border:0}.stepper button{padding:9px 10px;font-size:12px;border:1px solid var(--line);border-radius:4px}.stepper button.active{box-shadow:none;background:#eef4f8}.work-main{padding:15px}.work-main .tabs{gap:12px}.work-main .tabs button{font-size:11px}.work-side .log-list{display:block}.work-heading h2{font-size:19px}.run-stats{gap:9px}.run-stats strong{font-size:15px}.work-steps ol{gap:3px 10px;padding:10px}.work-steps li{font-size:11px}.work-footer .button{font-size:12px;padding:7px 10px}.table-wrap table{min-width:560px}.modal-overlay{padding:20px 10px}.modal-head{padding:16px 18px}.modal-body{padding:18px}.modal-foot{padding:14px 18px}.button{min-height:36px}.login-story{padding:27px}.login-story .login-title{font-size:25px}.login-panel{padding:34px 25px}.account-hints{font-size:11px}.footer{font-size:10px;padding:10px 16px 20px}.mobile-only{display:initial}.desktop-only{display:none}.score-inputs{grid-template-columns:1fr 1fr}.search-toolbar input{max-width:none}}
.course-tabs button{padding:0 4px 13px;border:0;background:none;color:#7b8794;font-size:13px}.course-tabs button.active{border-bottom:2px solid var(--blue);color:var(--blue)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
