@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--training-paper: #f7f5ee;--training-surface: #fffefa;--training-ink: #17211b;--training-muted: #68736c;--training-line: #daddd5;--training-green: #096b43;--training-green-dark: #064c31;--training-green-soft: #e9f3ed;--training-amber: #a56512;--training-amber-soft: #fff1d6;--training-red: #a33c32;--training-red-soft: #fff0ed}.training-learner-page,.ops-shell,.training-gate{color:var(--training-ink);background:var(--training-paper)}.training-learner-page{width:100%;max-width:none;min-height:100vh;margin:0;padding-bottom:72px}.training-page-bar{width:min(1240px,calc(100% - 64px));min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--training-line)}.training-page-bar>div,.training-page-bar>div:last-child{display:flex;align-items:center;gap:14px}.training-page-bar>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.training-page-bar>div:first-child strong{font-size:19px;letter-spacing:-.02em}.training-account,.outline-button,.icon-text-button{border:1px solid #c9d0ca;background:var(--training-surface);color:var(--training-ink);border-radius:7px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600}.outline-button:hover,.training-account:hover,.icon-text-button:hover{color:var(--training-green);border-color:#94ad9e;background:#fbfdfb}.outline-button svg,.training-account svg,.icon-text-button svg{width:18px;height:18px}.training-account{border:0;background:transparent;padding-right:0}.training-account>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--training-green);color:#fff}.training-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--training-muted)}.training-loading svg{width:22px;height:22px;color:var(--training-green)}.spin{animation:training-spin .8s linear infinite}@keyframes training-spin{to{transform:rotate(360deg)}}.training-message{width:min(1240px,calc(100% - 64px));min-height:45px;margin:16px auto 0;padding:10px 14px;border:1px solid #bcd2c4;border-radius:7px;background:#eef6f1;color:var(--training-green-dark);display:flex;align-items:center;gap:8px;font-size:13px}.training-message.error{border-color:#e4bbb4;background:var(--training-red-soft);color:var(--training-red)}.training-message svg{flex:0 0 19px;width:19px;height:19px}.learner-project{width:min(1240px,calc(100% - 64px));margin:0 auto}.learner-project-hero{min-height:228px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0 30px}.learner-project-hero h1{max-width:800px;margin:14px 0 17px;font-size:clamp(36px,4.5vw,60px);line-height:1.08;letter-spacing:-.055em;font-weight:600}.learner-project-hero p{margin:0;display:flex;align-items:center;gap:8px;color:var(--training-muted)}.learner-project-hero p svg{color:var(--training-green);width:20px;height:20px}.project-stage,.survey-state,.improvement-status{display:inline-flex;align-items:center;width:fit-content;min-height:29px;padding:0 11px;border-radius:999px;background:var(--training-green-soft);color:var(--training-green);font-size:12px;font-weight:700;white-space:nowrap}.training-timeline{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--training-line);border-bottom:1px solid var(--training-line)}.training-timeline li{min-height:86px;display:flex;align-items:center;gap:11px;color:#8a928d;position:relative}.training-timeline li:not(:last-child):after{content:"";width:38%;height:1px;background:#cfd4d0;position:absolute;right:10%}.training-timeline li>span{width:30px;height:30px;border:1px solid #c7cdc8;border-radius:50%;display:grid;place-items:center;background:var(--training-paper);font-size:11px}.training-timeline li>span svg{width:15px;height:15px}.training-timeline li small{font-size:12px;font-weight:600}.training-timeline li.done{color:var(--training-green)}.training-timeline li.done>span{border-color:var(--training-green);background:var(--training-green);color:#fff}.next-action{min-height:166px;padding:28px 32px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:#fff5d9;border:1px solid #ead9a8;border-radius:13px;box-shadow:0 14px 36px #52431912}.next-action-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;color:var(--training-green);background:#ffe9a8}.next-action-icon svg{width:31px;height:31px}.next-action>div:nth-child(2)>span{color:var(--training-green);font-size:12px;font-weight:700}.next-action h2{margin:5px 0;font-size:24px;letter-spacing:-.025em}.next-action p{margin:0 0 9px;color:#5f655f;font-size:13px}.next-action small{display:flex;align-items:center;gap:6px;color:#7b6940}.learner-sections{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:22px;margin-top:24px}.learner-panel,.ops-panel,.delivery-board,.project-identity,.ops-survey-preview,.survey-review-panel,.survey-list{background:var(--training-surface);border:1px solid var(--training-line);border-radius:12px}.learner-panel{padding:28px;min-height:320px}.learner-panel>header,.ops-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--training-line)}.learner-panel>header h2,.ops-panel>header h2{margin:6px 0 0;font-size:24px}.learner-panel>header>svg,.ops-panel>header>svg{width:34px;height:34px;color:var(--training-green)}.ops-panel>header p{margin:7px 0 0;color:var(--training-muted);font-size:13px}.material-group{padding-top:21px}.material-group>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:9px}.material-group>div:first-child strong{font-size:14px}.material-group>div:first-child small{color:var(--training-muted)}.material-row,.task-list>button{width:100%;min-height:69px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:0;border-top:1px solid #e4e5e0;background:transparent;text-align:left;cursor:pointer;padding:11px 6px}.material-row>span,.task-list>button>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--training-green-soft);color:var(--training-green)}.material-row>span svg,.task-list>button>span svg{width:20px;height:20px}.material-row strong,.material-row small,.task-list strong,.task-list small{display:block}.material-row small,.task-list small{color:var(--training-muted);margin-top:4px;font-size:11px}.material-row>svg,.task-list>button>svg{color:var(--training-green);width:19px;height:19px}.material-row:hover,.task-list>button:hover{background:#f8faf8}.task-list{padding-top:4px}.task-list>button>span.done{background:var(--training-green);color:#fff}.task-list>button:disabled{cursor:default;opacity:.72}.empty-copy{color:var(--training-muted);font-size:13px;line-height:1.7;padding:18px 0}.no-training{width:min(680px,calc(100% - 40px));margin:12vh auto;text-align:center}.no-training>span,.training-symbol{width:70px;height:70px;margin:0 auto 25px;border-radius:18px;display:grid;place-items:center;background:var(--training-green-soft);color:var(--training-green)}.no-training>span svg,.training-symbol svg{width:39px;height:39px}.no-training h1{font-size:36px;margin:12px 0}.no-training p{color:var(--training-muted);line-height:1.75}.no-training form{margin:28px auto 0;display:grid;grid-template-columns:1fr auto;gap:10px;max-width:520px}.no-training input{height:54px;border:1px solid #cbd0cb;border-radius:7px;padding:0 15px;background:#fff}.training-gate{width:100%;max-width:none;min-height:100vh;margin:0;display:grid;place-items:center;padding:50px 20px}.training-gate>section{max-width:620px;text-align:center}.training-gate h1{margin:17px 0;font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.06em}.training-gate p{color:var(--training-muted);line-height:1.8;font-size:17px;margin-bottom:28px}.survey-runner{width:min(840px,calc(100% - 40px));min-height:calc(100vh - 60px);margin:0 auto;padding:22px 0 42px}.survey-runner-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--training-line);color:var(--training-muted);font-size:12px}.survey-runner-header button{border:0;background:transparent;padding:9px 0;display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--training-muted)}.survey-progress,.preview-progress{width:100%;height:4px;background:#dfe4e0;overflow:hidden}.survey-progress i,.preview-progress i{height:100%;display:block;background:var(--training-green);transition:width .25s ease}.survey-question-card{min-height:510px;padding:70px 44px 50px}.survey-question-meta{display:flex;align-items:center;justify-content:space-between;color:var(--training-green);font-size:13px;font-weight:700}.survey-question-meta small{color:var(--training-muted)}.survey-question-card h1{max-width:700px;margin:23px 0 12px;font-size:clamp(28px,4vw,43px);line-height:1.28;letter-spacing:-.04em}.survey-question-card h1 sup,.ops-survey-preview h3 sup{color:var(--training-red);margin-left:4px}.survey-question-card>p{color:var(--training-muted);line-height:1.7}.survey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:34px}.survey-options>button{min-height:72px;border:1px solid #d3d7d3;border-radius:9px;background:#fff;padding:12px 16px;display:grid;grid-template-columns:33px 1fr;align-items:center;gap:12px;text-align:left;cursor:pointer}.survey-options>button:hover{border-color:#8eae9a}.survey-options>button.selected{border-color:var(--training-green);background:var(--training-green-soft);color:var(--training-green-dark)}.survey-option-mark{width:31px;height:31px;border-radius:50%;border:1px solid #c9ceca;display:grid;place-items:center;color:var(--training-muted);font-size:11px}.survey-options>button.selected .survey-option-mark{background:var(--training-green);border-color:var(--training-green);color:#fff}.rating-wrap{margin-top:46px}.rating-options{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:11px}.rating-options button,.matrix-row button{height:58px;border:1px solid #ccd2cd;border-radius:8px;background:#fff;cursor:pointer;font-size:20px;font-weight:600}.rating-options button:hover,.matrix-row button:hover{border-color:#8eae9a}.rating-options button.selected,.matrix-row button.selected{color:#fff;background:var(--training-green);border-color:var(--training-green)}.rating-labels{display:flex;justify-content:space-between;color:var(--training-muted);font-size:12px;margin-top:9px}.matrix-question{margin-top:32px;display:grid;gap:19px}.matrix-row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:20px;align-items:center}.matrix-row>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.matrix-row button{height:43px;font-size:14px}.survey-text-input,.survey-textarea{width:100%;border:1px solid #cbd0cb;border-radius:9px;background:#fff;padding:14px 16px;margin-top:32px}.survey-text-input{height:56px}.survey-textarea{min-height:190px;resize:vertical;line-height:1.7}.survey-runner-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 44px;border-top:1px solid var(--training-line)}.survey-review{max-width:680px;margin:54px auto}.survey-review h1{font-size:42px;margin:16px 0 9px;letter-spacing:-.045em}.survey-review>p{color:var(--training-muted)}.survey-review-list{margin:28px 0;border-top:1px solid var(--training-line)}.survey-review-list button{width:100%;min-height:70px;border:0;border-bottom:1px solid var(--training-line);background:transparent;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.survey-review-list button>span{color:var(--training-green);font-weight:700}.survey-review-list button strong,.survey-review-list button small{display:block}.survey-review-list button small{margin-top:4px;color:var(--training-muted);max-width:560px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.survey-submit{width:100%}.survey-complete{width:min(620px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;place-items:center;align-content:center;text-align:center}.survey-complete>span{width:76px;height:76px;margin-bottom:22px;border-radius:50%;display:grid;place-items:center;background:var(--training-green-soft);color:var(--training-green)}.survey-complete>span svg{width:44px;height:44px}.survey-complete h2{font-size:40px;margin:14px 0 10px}.survey-complete p{max-width:480px;color:var(--training-muted);line-height:1.75}.ops-shell{width:100%;max-width:none;min-height:100vh;margin:0;display:grid;grid-template-columns:246px minmax(0,1fr)}.ops-sidebar{height:100vh;padding:28px 18px 22px;position:sticky;top:0;display:flex;flex-direction:column;background:#123d2d;color:#fff}.ops-brand{border:0;background:transparent;color:#fff;padding:0 9px 26px;text-align:left;cursor:pointer}.ops-brand span,.ops-brand small{display:block}.ops-brand span{font-size:23px;letter-spacing:-.03em}.ops-brand span strong{color:#88cea8}.ops-brand small{margin-top:7px;color:#bdd1c5;font-size:11px;letter-spacing:.08em}.ops-sidebar nav{display:grid;gap:5px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.ops-sidebar nav button{min-height:46px;border:0;border-radius:7px;background:transparent;color:#cbd9d0;padding:0 13px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.ops-sidebar nav button svg{width:20px;height:20px}.ops-sidebar nav button:hover{background:#ffffff14;color:#fff}.ops-sidebar nav button.active{background:#f6e7b9;color:#173d2e;font-weight:700}.ops-sidebar footer{margin-top:auto;padding:18px 9px 0;border-top:1px solid rgba(255,255,255,.16)}.ops-sidebar footer button{border:0;background:transparent;padding:0 0 16px;color:#cbd9d0;display:flex;align-items:center;gap:7px;cursor:pointer}.ops-sidebar footer>span,.ops-sidebar footer small{display:block}.ops-sidebar footer>span{font-size:13px}.ops-sidebar footer small{margin-top:3px;color:#9bb6a6;font-size:10px}.ops-workspace{min-width:0;padding:0 3.2vw 56px}.ops-topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--training-line)}.ops-topbar h1{font-size:27px;margin:6px 0 0;letter-spacing:-.035em}.ops-topbar p{margin:5px 0 0;color:var(--training-muted);font-size:12px}.primary-button.compact{min-height:42px;padding:0 16px}.primary-button.full,.outline-button.full{width:100%;margin-top:9px}.project-switcher{padding:21px 0;overflow:hidden}.project-switcher>div{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.project-switcher button{min-width:260px;max-width:360px;min-height:66px;border:1px solid var(--training-line);border-radius:9px;background:var(--training-surface);display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:center;padding:9px 12px;text-align:left;cursor:pointer}.project-switcher button>span{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#eceeea;color:#636b65;font-weight:700}.project-switcher button strong,.project-switcher button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher button strong{font-size:13px}.project-switcher button small{color:var(--training-muted);font-size:10px;margin-top:4px}.project-switcher button.active{border-color:var(--training-green);background:#f3f8f5}.project-switcher button.active>span{background:var(--training-green);color:#fff}.project-identity{min-height:146px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.project-identity h1{font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-.045em;margin:10px 0 7px}.project-identity p{margin:0;color:var(--training-muted)}.project-identity label{min-width:148px;display:grid;gap:7px;color:var(--training-muted);font-size:11px}.project-identity select{height:43px;border:1px solid #cbd0cb;border-radius:7px;background:#fff;padding:0 11px;color:var(--training-ink)}.ops-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0}.ops-metric-row article{min-height:92px;padding:17px;border:1px solid var(--training-line);border-radius:10px;background:var(--training-surface);display:flex;align-items:center;gap:13px}.ops-metric-row article>svg{width:24px;height:24px;color:var(--training-green)}.ops-metric-row strong,.ops-metric-row small{display:block}.ops-metric-row strong{font-size:24px;letter-spacing:-.04em}.ops-metric-row small{color:var(--training-muted);font-size:10px;margin-top:2px}.delivery-board{padding:27px 30px}.delivery-board>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid var(--training-line)}.delivery-board h2{margin:7px 0 0;font-size:25px}.delivery-board>header>span{color:var(--training-muted);font-size:12px}.delivery-stages{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));padding-top:28px}.delivery-stages article{position:relative;padding-right:10px}.delivery-stages article:after{content:"";position:absolute;left:31px;right:0;top:14px;height:1px;background:#d6dad7}.delivery-stages article:last-child:after{display:none}.delivery-stages article>span{width:29px;height:29px;position:relative;z-index:1;border-radius:50%;border:1px solid #c6ccc7;background:var(--training-surface);display:grid;place-items:center;color:var(--training-muted);font-size:10px}.delivery-stages article.done>span{color:#fff;background:var(--training-green);border-color:var(--training-green)}.delivery-stages article strong,.delivery-stages article small{display:block}.delivery-stages article strong{margin-top:13px;font-size:12px}.delivery-stages article small{max-width:120px;margin-top:5px;color:var(--training-muted);font-size:9px;line-height:1.5}.ops-panel{padding:28px 30px;min-height:520px}.import-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:24px 0}.import-box textarea{min-height:100px;border:1px solid #cbd0cb;border-radius:8px;background:#fff;padding:12px 14px;resize:vertical;line-height:1.6}.ops-panel .training-message{width:100%}.ops-table{margin-top:8px;border-top:1px solid var(--training-line)}.ops-table-head,.ops-table-row{display:grid;grid-template-columns:1.25fr .8fr 1fr 1fr;gap:16px;align-items:center;min-height:58px;padding:0 8px;border-bottom:1px solid #e5e6e2;font-size:12px}.ops-table-head{min-height:46px;color:var(--training-muted);font-size:10px}.ops-table-row>span{min-width:0;display:flex;align-items:center;gap:7px}.ops-table-row>span:first-child{align-items:flex-start;flex-direction:column;gap:2px}.ops-table-row>span:first-child small{color:var(--training-muted);font-size:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#b7bcb8}.status-dot.active{background:var(--training-green)}.icon-text-button{min-height:34px;padding:0 9px;font-size:11px}.survey-management{display:grid;grid-template-columns:220px minmax(320px,1fr) 250px;gap:13px;align-items:stretch}.survey-list{padding:23px 15px}.survey-list header{padding:0 7px 18px;border-bottom:1px solid var(--training-line)}.survey-list h2{font-size:20px;margin:6px 0 0}.survey-list>button{width:100%;border:0;border-bottom:1px solid #e2e4df;background:transparent;padding:16px 7px;text-align:left;cursor:pointer}.survey-list>button strong,.survey-list>button small{display:block}.survey-list>button strong{font-size:12px;margin:8px 0 4px;line-height:1.45}.survey-list>button small{color:var(--training-muted);font-size:9px}.survey-list>button.active{color:var(--training-green)}.survey-state{min-height:23px;padding:0 8px;font-size:9px}.survey-state.draft{color:var(--training-amber);background:var(--training-amber-soft)}.ops-survey-preview{padding:34px;min-height:610px}.ops-survey-preview>h2{margin:10px 0 8px;font-size:28px;letter-spacing:-.04em}.ops-survey-preview>p{min-height:42px;color:var(--training-muted);font-size:12px;line-height:1.65}.ops-survey-preview .preview-progress{margin:22px 0 34px}.ops-survey-preview article{padding:26px 3px}.ops-survey-preview article>small{color:var(--training-green);font-weight:700}.ops-survey-preview article h3{margin:13px 0;font-size:22px;line-height:1.45}.ops-survey-preview .survey-options{grid-template-columns:1fr;margin-top:20px}.ops-survey-preview .survey-options button{min-height:52px}.ops-survey-preview .rating-wrap{margin-top:22px}.ops-survey-preview .rating-options{gap:5px}.ops-survey-preview .rating-options button{height:42px;font-size:14px}.ops-survey-preview .matrix-row{grid-template-columns:1fr}.survey-review-panel{padding:26px 21px}.survey-review-panel h2{font-size:20px;margin:7px 0 20px}.survey-review-panel dl{margin:0 0 15px}.survey-review-panel dl>div{min-height:35px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e3e5e1;font-size:11px}.survey-review-panel dt{color:var(--training-muted)}.survey-review-panel dd{margin:0;font-weight:600}.survey-review-panel .training-message{width:100%;margin:10px 0 0;align-items:flex-start}.aggregate-mini{margin-top:18px;padding:15px;background:var(--training-green-soft);border-radius:8px}.aggregate-mini>strong,.aggregate-mini>span{display:block}.aggregate-mini>strong{color:var(--training-green);font-size:18px}.aggregate-mini>span{margin-top:3px;color:var(--training-muted);font-size:10px}.aggregate-mini p{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0 0;padding-top:11px;border-top:1px solid #cddfd3;font-size:10px}.aggregate-mini b{font-size:17px;color:var(--training-green)}.empty-panel{display:grid;place-items:center;align-content:center;text-align:center}.empty-panel>svg{width:52px;height:52px;color:var(--training-green)}.empty-panel h2{margin:16px 0 8px}.empty-panel p{color:var(--training-muted)}.empty-panel code{padding:7px 10px;border-radius:5px;background:#edf1ed;color:var(--training-green-dark)}.package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:24px}.package-list>article{border:1px solid var(--training-line);border-radius:10px;padding:20px}.package-list>article>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:15px;border-bottom:1px solid #e3e5e0}.package-list h3{margin:8px 0 3px;font-size:18px}.package-list header p{margin:0;color:var(--training-muted);font-size:10px}.package-file{min-height:64px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;border-bottom:1px solid #e7e8e4}.package-file>svg{width:22px;height:22px;color:var(--training-green)}.package-file strong,.package-file small{display:block}.package-file strong{font-size:12px}.package-file small{margin-top:3px;color:var(--training-muted);font-size:9px}.improvement-list{padding-top:12px}.improvement-list article{min-height:106px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--training-line);padding:18px 5px}.improvement-list h3{margin:0 0 7px;font-size:17px}.improvement-list p{margin:0 0 8px;color:var(--training-muted);font-size:12px;line-height:1.6}.improvement-list small{color:#89908b}.improvement-list article>div:last-child{display:flex;gap:7px}.improvement-list article>div:last-child button{min-height:36px;border:1px solid #cbd0cb;border-radius:6px;background:#fff;padding:0 11px;cursor:pointer;font-size:11px}.improvement-list article>div:last-child button.accept{color:#fff;border-color:var(--training-green);background:var(--training-green)}.improvement-status.rejected{color:var(--training-red);background:var(--training-red-soft)}.mcp-list{padding-top:12px}.mcp-list article{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--training-line);padding:12px 5px}.operation-status{color:var(--training-green)}.operation-status svg{width:25px;height:25px}.operation-status.failed{color:var(--training-red)}.mcp-list strong,.mcp-list small,.mcp-list code{display:block}.mcp-list small{margin-top:4px;color:var(--training-muted);font-size:10px}.mcp-list code{margin-top:5px;color:#627169;font-size:9px;word-break:break-all}.mcp-list article>span:last-child{color:var(--training-muted);font-size:11px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#111e1794;display:grid;place-items:center;padding:24px;overflow-y:auto}.ops-dialog{width:min(650px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:13px;background:var(--training-surface);box-shadow:0 30px 80px #09201538}.ops-dialog>header{min-height:86px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--training-line)}.ops-dialog>header h2{margin:6px 0 0}.ops-dialog>header button{width:38px;height:38px;border:0;border-radius:50%;background:#eef0ed;display:grid;place-items:center;cursor:pointer}.ops-dialog form{padding:25px 26px;display:grid;gap:17px}.ops-dialog label{display:grid;gap:7px;font-size:12px;font-weight:600}.ops-dialog input,.ops-dialog select{height:45px;border:1px solid #cbd0cb;border-radius:7px;padding:0 12px;background:#fff;color:var(--training-ink)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.ops-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}@media(max-width:1100px){.learner-sections{grid-template-columns:1fr}.ops-shell{grid-template-columns:210px minmax(0,1fr)}.ops-metric-row{grid-template-columns:repeat(2,1fr)}.delivery-stages{grid-template-columns:repeat(4,1fr);gap:22px 0}.delivery-stages article:nth-child(4):after{display:none}.survey-management{grid-template-columns:190px minmax(300px,1fr)}.survey-review-panel{grid-column:1 / -1}}@media(max-width:760px){.training-page-bar,.learner-project,.training-message{width:min(100% - 32px,1240px)}.training-page-bar{min-height:74px}.training-page-bar>div:first-child .eyebrow,.training-page-bar .outline-button{display:none}.learner-project-hero{min-height:190px;align-items:flex-start;flex-direction:column;justify-content:center;gap:16px}.learner-project-hero h1{font-size:37px}.training-timeline{grid-template-columns:repeat(5,minmax(75px,1fr));overflow-x:auto}.training-timeline li{min-height:75px;flex-direction:column;justify-content:center;gap:5px}.training-timeline li:not(:last-child):after{width:35%;right:-10%;top:28px}.next-action{grid-template-columns:auto 1fr;padding:23px 20px}.next-action>button{grid-column:1 / -1;width:100%}.learner-panel{padding:22px 18px}.no-training form{grid-template-columns:1fr}.survey-question-card{min-height:470px;padding:48px 4px 32px}.survey-options{grid-template-columns:1fr}.survey-runner-footer{padding:16px 4px}.matrix-row{grid-template-columns:1fr}.ops-shell{display:block;padding-bottom:74px}.ops-sidebar{width:100%;height:68px;padding:0;position:fixed;top:auto;bottom:0;z-index:50;flex-direction:row}.ops-brand,.ops-sidebar footer{display:none}.ops-sidebar nav{width:100%;height:100%;border:0;padding:0 5px;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.ops-sidebar nav button{min-height:64px;padding:5px 2px;border-radius:0;justify-content:center;flex-direction:column;gap:3px;font-size:9px}.ops-sidebar nav button svg{width:21px;height:21px}.ops-workspace{padding:0 16px 28px}.ops-topbar{min-height:88px}.ops-topbar h1{font-size:21px}.ops-topbar .eyebrow{display:none}.ops-topbar .primary-button{padding:0 11px;font-size:11px}.project-identity{align-items:flex-start;flex-direction:column;padding:23px 20px}.project-identity label{width:100%}.ops-metric-row{grid-template-columns:repeat(2,1fr)}.ops-metric-row article{min-height:81px;padding:13px}.delivery-board,.ops-panel{padding:22px 18px}.delivery-stages{grid-template-columns:repeat(2,1fr)}.delivery-stages article:nth-child(2n):after{display:none}.import-box{grid-template-columns:1fr}.ops-table-head{display:none}.ops-table-row{grid-template-columns:1fr 1fr;padding:13px 5px;gap:9px}.survey-management{grid-template-columns:1fr}.survey-list{display:flex;gap:8px;padding:13px;overflow-x:auto}.survey-list header{min-width:112px;border:0;padding:8px}.survey-list>button{min-width:180px;border:1px solid var(--training-line);border-radius:7px;padding:11px}.survey-review-panel{grid-column:auto}.package-list{grid-template-columns:1fr}.improvement-list article{grid-template-columns:1fr}.improvement-list article>div:last-child{justify-content:flex-end}.form-grid{grid-template-columns:1fr}}@media(max-width:460px){.training-page-bar>div:first-child strong{font-size:16px}.training-account{font-size:0}.learner-project-hero h1{font-size:32px}.learner-project-hero p{align-items:flex-start;font-size:12px}.next-action{grid-template-columns:1fr}.next-action-icon{width:50px;height:50px}.next-action>button{grid-column:auto}.rating-options{gap:5px}.rating-options button{height:50px}.survey-review h1,.survey-complete h2{font-size:33px}.ops-metric-row{grid-template-columns:1fr 1fr;gap:8px}.ops-metric-row article{display:block}.ops-metric-row article>svg{margin-bottom:7px}.mcp-list article{grid-template-columns:auto 1fr}.mcp-list article>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.spin{animation-duration:1.8s}.survey-progress i,.preview-progress i{transition:none}}:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#171a18;background:#fbfaf6;font-synthesis:none;--ink: #171a18;--muted: #6d726d;--green: #096b43;--green-dark: #075436;--line: #deded8;--cream: #fff7d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(9,107,67,.24);outline-offset:3px}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh;background:#fbfaf6}.site-header{height:88px;padding:0 4.3vw;background:#fbfaf6f5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{border:0;background:transparent;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0;cursor:pointer;width:fit-content}.brand span{font-size:27px;line-height:1;font-weight:600;letter-spacing:-.8px}.brand strong{color:var(--green)}.brand small{font-size:13px;margin-top:7px;letter-spacing:.18em}.site-header nav{display:flex;gap:54px;height:100%;align-items:center}.site-header nav button,.login-link{border:0;background:transparent;font-weight:600;font-size:16px;cursor:pointer;padding:15px 3px;position:relative}.site-header nav button:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:7px;background:var(--green);transition:right .2s ease}.site-header nav button:hover:after,.site-header nav button.active:after{right:0}.login-link{justify-self:end;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{width:min(1360px,calc(100% - 8.6vw));margin:0 auto}.home-hero{height:430px;display:grid;grid-template-columns:55% 45%;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:48px;position:relative;z-index:2}.home-hero img{width:100%;height:100%;object-fit:cover;object-position:63% center}.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-size:clamp(42px,3.5vw,54px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 16px;font-weight:600;white-space:nowrap}.hero-copy>p{font-size:20px;letter-spacing:.04em;color:#393d39;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px}.primary-button{border:0;border-radius:7px;background:var(--green);color:#fff;min-height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .2s ease}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.primary-button svg{width:18px;height:18px}.text-button{border:0;background:transparent;color:var(--green);padding:11px 0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.text-button:disabled{opacity:.36;cursor:not-allowed}.path-strip{transform:translateY(-28px);margin-bottom:-8px;min-height:128px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);border-radius:13px;box-shadow:0 10px 35px #59491914;padding:0 28px}.path-step{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;padding:22px;position:relative}.path-step+.path-step:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:#4a3f1b29}.step-number{font-size:28px;color:var(--green);font-weight:500}.step-icon{width:50px;height:50px;border-radius:50%;background:#ffedac;display:grid;place-items:center;color:var(--green)}.step-icon svg{width:25px;height:25px}.path-step h3{margin:0 0 7px;font-size:18px}.path-step p{margin:0;font-size:14px;line-height:1.6;color:#555a54;max-width:180px}.path-arrow{color:var(--green)}.tools-section{padding:20px 0 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2{font-size:30px;margin:8px 0 0;letter-spacing:-.03em}.section-heading>p{color:var(--muted);font-size:14px}.tool-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-item{min-height:92px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:inherit;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s ease}.tool-item:nth-child(3n){border-right:0}.tool-item:nth-child(n+7){border-bottom:0}.tool-item:hover{background:#fff}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px}.tool-icon svg{width:26px;height:26px}.tool-icon.green{color:#08744a;background:#e8f5ed}.tool-icon.amber{color:#9a5f0b;background:#fff1d5}.tool-icon.violet{color:#6744ae;background:#f0eafd}.tool-icon.charcoal{color:#202321;background:#eceeed}.tool-icon.blue{color:#2457a9;background:#e7efff}.tool-icon.cyan{color:#137e8e;background:#e5f8fa}.tool-item strong{display:block;font-size:17px;margin-bottom:5px}.tool-item small{color:var(--muted);font-size:13px}.tool-action{color:var(--green);font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap}.tool-action svg{width:15px;height:15px;transition:transform .2s ease}.tool-item:hover .tool-action svg{transform:translate(4px)}.tool-notice{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:50;background:#163d2d;color:#fff;border-radius:8px;padding:13px 17px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 42px #0000002e;font-size:13px;max-width:min(540px,calc(100% - 32px))}.tool-notice svg{min-width:19px;height:19px}.member-banner{margin:8px 0 44px;min-height:72px;background:#f0f6f2;border:1px solid #d5e4da;border-radius:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px 24px;gap:18px;color:var(--green)}.member-banner>svg{width:28px;height:28px}.member-banner strong,.member-banner span{display:block}.member-banner strong{color:var(--ink);margin-bottom:4px}.member-banner span{font-size:13px;color:var(--muted)}.member-banner button{border:0;background:transparent;color:var(--green);display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.back-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;padding:0;color:var(--muted);cursor:pointer;font-size:14px}.member-page{min-height:calc(100vh - 108px);display:grid;grid-template-columns:1fr 480px;gap:9vw;align-items:center;padding:64px 4vw 84px}.member-intro{max-width:600px}.member-intro .eyebrow{display:block;margin-top:64px}.member-intro h1{font-size:44px;line-height:1.18;letter-spacing:-.05em;margin:18px 0 20px}.member-intro>p{font-size:19px;color:var(--muted);margin-bottom:42px}.member-intro ul{list-style:none;padding:0;margin:0;display:grid;gap:24px}.member-intro li{display:grid;grid-template-columns:45px 1fr;gap:16px;align-items:center}.member-intro li>svg{width:35px;height:35px;color:var(--green)}.member-intro li strong,.member-intro li small{display:block}.member-intro li small{margin-top:4px;color:var(--muted);font-size:13px}.signup-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:0 20px 60px #2d2d2114;min-height:500px;display:grid;align-items:center}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:-12px 0 28px}.auth-tabs button{min-height:45px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;position:relative}.auth-tabs button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:transparent}.auth-tabs button.active{color:var(--green)}.auth-tabs button.active:after{background:var(--green)}.form-heading{display:flex;gap:15px;align-items:center;margin-bottom:32px}.member-mark{width:52px;height:52px;border-radius:12px;background:#e9f4ed;color:var(--green);display:grid;place-items:center}.member-mark svg{width:25px;height:25px}.form-heading h2{font-size:26px;margin:0 0 4px}.form-heading p{margin:0;color:var(--muted);font-size:14px}.signup-panel form>label:not(.check-row){display:grid;gap:9px;font-size:14px;font-weight:600;margin-bottom:20px}.signup-panel input{width:100%;height:49px;border:1px solid #cfd2cf;border-radius:7px;padding:0 14px;background:#fff}.signup-panel input:focus{border-color:var(--green)}.code-input{display:grid;grid-template-columns:1fr auto;gap:10px}.code-input button{border:1px solid #bfc9c2;background:#f7faf8;color:var(--green);border-radius:7px;padding:0 14px;cursor:pointer}.check-row{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.5;cursor:pointer}.check-row input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--green)}.form-error{color:#b42318;font-size:13px;margin:12px 0 0}.form-success{color:var(--green);font-size:13px;display:flex;align-items:center;gap:6px;margin:14px 0 0}.form-submit{width:100%;margin-top:22px}.form-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#8a8e8a;margin:15px 0 0}.success-state{text-align:center;padding:36px 0}.success-state>span{width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:#e9f4ed;color:var(--green);display:grid;place-items:center}.success-state>span svg{width:31px;height:31px}.success-state h2{font-size:28px;margin-bottom:10px}.success-state p{color:var(--muted);margin-bottom:28px}.auth-loading{min-height:calc(100vh - 88px);display:grid;place-items:center;color:var(--muted)}.account-page{min-height:calc(100vh - 88px);display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px;padding:62px 0 78px;align-items:start}.account-summary{position:sticky;top:132px}.account-avatar{width:76px;height:76px;margin:48px 0 20px;background:#e9f4ed;border-radius:20px;color:var(--green);display:grid;place-items:center}.account-avatar svg{width:48px;height:48px}.account-summary h1{font-size:36px;margin:13px 0 7px;letter-spacing:-.04em}.account-summary>p{color:var(--muted)}.membership-status{margin:30px 0 20px;padding:17px 18px;border:1px solid #d5e4da;background:#f0f6f2;border-radius:10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px}.membership-status>svg{width:28px;height:28px;color:var(--green)}.membership-status strong,.membership-status span{display:block}.membership-status span{color:var(--muted);font-size:12px;margin-top:3px}.logout-button{border:0;background:transparent;color:#8a3d35;padding:8px 0;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.profile-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px 42px;box-shadow:0 20px 60px #2d2d210f}.profile-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.profile-heading h2{font-size:28px;margin:8px 0 0}.profile-heading>svg{width:36px;height:36px;color:var(--green)}.profile-panel form{display:grid;gap:20px}.profile-panel label{display:grid;gap:9px;font-size:14px;font-weight:600}.profile-panel input,.profile-panel textarea{width:100%;border:1px solid #cfd2cf;border-radius:7px;padding:0 14px;background:#fff}.profile-panel input{height:49px}.profile-panel input[readonly]{color:#767b76;background:#f5f5f1}.profile-panel textarea{min-height:128px;padding-top:13px;resize:vertical;line-height:1.65}.profile-panel form>small{color:var(--muted);margin-top:-13px}.profile-actions{display:flex;justify-content:space-between;align-items:center}.profile-actions>span{color:var(--muted);font-size:12px}.tutorial-library{padding:62px 0 76px}.library-intro{max-width:830px;margin-bottom:38px}.library-intro h1{margin:15px 0 14px;font-size:clamp(38px,4vw,54px);line-height:1.18;letter-spacing:-.055em}.library-intro p{color:var(--muted);font-size:17px;line-height:1.8;margin:0}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px 28px 0;box-shadow:0 12px 38px #2d2d210d}.filter-group{display:grid;grid-template-columns:126px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.filter-label{display:flex;align-items:center;gap:9px;font-size:14px;padding-top:7px;white-space:nowrap}.filter-label svg{width:21px;height:21px;color:var(--green)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-options button{min-height:35px;border:1px solid #d5d8d5;border-radius:999px;background:#fbfbf8;padding:0 14px;color:#4f554f;font-size:13px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.filter-options button:hover{border-color:#9db9a9;color:var(--green)}.filter-options button.selected{color:#fff;background:var(--green);border-color:var(--green)}.filter-summary{min-height:59px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.filter-summary strong{color:var(--green);font-size:18px;margin:0 2px}.filter-summary button{border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:5px;cursor:pointer}.access-message{margin-top:22px;min-height:48px;padding:12px 16px;background:#fff4e5;border:1px solid #f1d3a7;color:#7b4b0b;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px}.tutorial-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{min-height:330px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tutorial-card:hover{transform:translateY(-3px);border-color:#bdd0c3;box-shadow:0 16px 36px #1f403014}.tutorial-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.audience-badge,.access-badge{min-height:28px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.audience-badge svg{width:16px;height:16px}.audience-badge.general{color:#315da1;background:#edf3ff}.audience-badge.teacher{color:#785210;background:#fff1c9}.access-badge{color:var(--green);background:#e9f4ed}.access-badge.free{color:#77510a;background:#fff4d8}.tutorial-card h2{font-size:22px;line-height:1.42;letter-spacing:-.025em;margin-bottom:10px}.tutorial-card>p{min-height:48px;color:var(--muted);font-size:13px;line-height:1.7}.tutorial-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 22px}.tutorial-tags span{padding:5px 8px;border-radius:5px;background:#f5f4ee;color:#5c615c;font-size:11px}.tutorial-card footer{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-card footer>div{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.tutorial-card footer>div span{display:flex;align-items:center;gap:4px}.tutorial-card footer button,.empty-tutorials button{border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;cursor:pointer}.empty-tutorials{margin-top:30px;min-height:280px;border:1px dashed #cdd4cf;border-radius:12px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.empty-tutorials>svg{width:42px;height:42px;color:var(--green);margin-bottom:15px}.empty-tutorials h2{font-size:20px;margin-bottom:8px}.empty-tutorials p{color:var(--muted);font-size:13px}.tutorial-page{padding-bottom:70px}.tutorial-topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.progress-wrap{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.progress-track{width:180px;height:6px;border-radius:999px;background:#e3e5e2;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--green);transition:width .3s ease}.progress-wrap strong{color:var(--green);min-width:36px}.tutorial-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;padding-top:54px}.tutorial-sidebar h1{font-size:34px;line-height:1.24;letter-spacing:-.04em;margin:15px 0}.tutorial-sidebar>p{color:var(--muted);line-height:1.75;font-size:14px}.tutorial-steps{display:grid;margin-top:34px;border-top:1px solid var(--line)}.tutorial-steps button{display:grid;grid-template-columns:33px 1fr;gap:13px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:18px 8px;cursor:pointer}.tutorial-steps button>span{width:29px;height:29px;border:1px solid #c9ccc9;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--muted)}.tutorial-steps button.active{color:var(--green)}.tutorial-steps button.active>span{background:var(--green);border-color:var(--green);color:#fff}.tutorial-steps button strong,.tutorial-steps button small{display:block}.tutorial-steps button small{margin-top:4px;color:var(--muted);font-size:11px}.lesson-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:46px 52px 36px;min-height:650px}.lesson-panel>header>span{color:var(--green);font-size:13px;font-weight:700}.lesson-panel>header h2{font-size:36px;letter-spacing:-.04em;margin:13px 0}.lesson-panel>header p{color:var(--muted);font-size:16px}.lesson-block{margin-top:38px}.block-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.block-title svg{color:var(--green);width:22px;height:22px}.prompt-box{background:#f7f5ec;border-radius:9px;padding:21px 22px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.prompt-box p{margin:0;font-size:14px;line-height:1.8;color:#383d38}.prompt-box button{border:1px solid #ccd1cc;background:#fff;border-radius:6px;padding:8px 11px;display:flex;align-items:center;gap:6px;color:var(--green);cursor:pointer;white-space:nowrap}.lesson-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lesson-checks li{border-top:1px solid var(--line);padding:15px 0;font-size:13px;display:flex;gap:8px;align-items:center}.lesson-checks svg{color:var(--green);min-width:20px;height:20px}.lesson-footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}@media(max-width:980px){.site-header{height:88px}.site-header nav{gap:25px}.site-header nav button{font-size:14px}main{width:min(100% - 40px,900px)}.home-hero{height:auto;min-height:660px;grid-template-columns:1fr;position:relative}.hero-copy{padding:70px 40px 260px;background:linear-gradient(180deg,rgba(251,250,246,.95) 0%,rgba(251,250,246,.83) 64%,transparent 100%)}.hero-copy h1{white-space:normal}.home-hero img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.path-strip{grid-template-columns:1fr;padding:16px 24px}.path-step+.path-step:before{left:20px;right:20px;top:0;bottom:auto;width:auto;height:1px}.path-arrow{display:none}.tool-list{grid-template-columns:repeat(2,1fr)}.tool-item:nth-child(3n){border-right:1px solid var(--line)}.tool-item:nth-child(2n){border-right:0}.tool-item:nth-child(n+7){border-bottom:0}.member-page{grid-template-columns:1fr;gap:50px;padding-inline:0}.member-intro{max-width:680px}.signup-panel{width:min(100%,560px)}.account-page{grid-template-columns:1fr;gap:36px}.account-summary{position:static}.account-avatar{margin-top:38px}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-layout{grid-template-columns:1fr;gap:35px}.tutorial-steps{grid-template-columns:repeat(4,1fr)}.tutorial-steps button{border-bottom:1px solid var(--line);padding-inline:5px}}@media(max-width:640px){.site-header{grid-template-columns:1fr auto;grid-template-rows:68px 50px;padding:0 20px;height:118px}.brand span{font-size:22px}.brand small{font-size:10px}.site-header nav{position:static;grid-column:1 / -1;grid-row:2;height:50px;width:calc(100% + 40px);margin-left:-20px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;z-index:30}.site-header nav button{min-width:92px;font-size:13px}.login-link{font-size:14px}main{width:calc(100% - 28px)}.home-hero{min-height:600px}.hero-copy{padding:58px 10px 270px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.home-hero img{object-position:67% center}.path-strip{transform:translateY(-22px)}.path-step{padding:17px 0;grid-template-columns:auto auto 1fr}.step-number{font-size:20px}.step-icon{width:45px;height:45px}.step-icon svg{width:23px;height:23px}.tool-list{grid-template-columns:1fr}.tool-item,.tool-item:nth-child(3n),.tool-item:nth-child(2n),.tool-item:nth-child(n+7){border-right:0;border-bottom:1px solid var(--line)}.tool-item:last-child{border-bottom:0}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.tool-notice{bottom:28px}.member-banner{grid-template-columns:auto 1fr;margin-bottom:44px}.member-banner button{grid-column:2;justify-self:start}.member-page{padding-top:38px;padding-bottom:60px}.member-intro .eyebrow{margin-top:45px}.member-intro h1{font-size:38px}.signup-panel{padding:27px 20px;min-height:auto}.auth-tabs{margin-top:-4px}.account-page{padding-top:34px;padding-bottom:60px}.account-avatar{margin-top:32px}.profile-panel{padding:28px 20px}.profile-heading h2{font-size:24px}.tutorial-library{padding-top:42px}.library-intro{margin-bottom:28px}.library-intro h1{font-size:38px}.library-intro p{font-size:15px}.filter-panel{padding:4px 18px 0}.filter-group{grid-template-columns:1fr;gap:12px;padding:17px 0}.filter-label{padding-top:0}.filter-options{gap:7px}.filter-options button{font-size:12px;padding-inline:12px}.filter-summary{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:12px 0}.tutorial-grid{grid-template-columns:1fr;gap:14px}.tutorial-card{min-height:310px;padding:21px}.tutorial-topbar{align-items:flex-start;flex-direction:column;padding:20px 0;gap:18px}.progress-wrap{width:100%}.progress-track{flex:1}.tutorial-layout{padding-top:34px}.tutorial-sidebar h1{font-size:30px}.tutorial-steps{grid-template-columns:1fr 1fr}.lesson-panel{padding:30px 20px 25px;min-height:auto}.lesson-panel>header h2{font-size:29px}.prompt-box{grid-template-columns:1fr}.prompt-box button{justify-self:start}.lesson-checks{grid-template-columns:1fr}.lesson-footer{gap:16px}.lesson-footer .primary-button{padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
