/* One task stays in view; secondary material lives in sheets. */
.path-home{display:grid;grid-template-rows:auto 50px auto minmax(240px,1fr) 48px 48px;gap:12px;max-width:960px!important;min-height:720px;height:calc(100dvh - 110px);max-height:1100px}.path-welcome{display:flex;justify-content:space-between;align-items:center;gap:16px}.path-welcome h1{font-size:28px;margin:4px 0}.path-welcome .eyebrow{font-size:10px}.path-stats{display:flex;gap:15px;align-items:center;font-size:13px;white-space:nowrap}.path-stats strong{font-size:18px}.path-stats button{min-height:44px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit}.chapter-tabs{display:flex;gap:6px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}.chapter-tabs>button{display:flex;align-items:center;gap:7px;flex:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;min-height:44px;font-size:12px}.chapter-tabs>button>span{font-weight:750;color:#738166}.chapter-tabs>button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}.chapter-tabs>button[aria-pressed=true]>span{color:#dce9cf}.chapter-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-caption span{font-size:12px;color:var(--muted)}.chapter-caption h2{font-size:23px;margin:2px 0}.path-card{background:#eee8f6;border:1px solid #d9d0e7;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:0;overflow:auto;overscroll-behavior:contain}.path-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:12px}.path-card-top .tag{margin:0;background:#fff9}.path-art{width:60px;height:60px;padding:12px;background:#fff;border-radius:16px;margin:18px 0 12px}.path-card h2{font-size:28px;margin:4px 0 10px;line-height:1.35}.path-card>p{font-size:15px;margin-bottom:14px;line-height:1.7}.path-card .term-chips{margin-bottom:14px}.path-card .term-chips span{background:#fff9}.path-reward{font-size:12px;color:#635874;margin-bottom:14px}.path-card>.btn{width:100%;margin-top:auto;flex-shrink:0}.chapter-steps{display:grid;grid-template-columns:44px repeat(5,1fr) 44px;gap:6px}.chapter-steps>button{min-height:44px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:15px}.chapter-steps>button[aria-pressed=true]{background:#dce8cc;border-color:#8fa776;font-weight:750}.chapter-steps>button:first-child,.chapter-steps>button:last-child{background:transparent;border:0;font-size:25px}.path-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.path-shortcuts>a{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;min-height:44px}.path-shortcuts>a:last-child{background:#e9eddb}.curriculum-map{display:grid;gap:18px;margin:16px 0}.curriculum-map section{border:1px solid var(--line);border-radius:12px;overflow:hidden}.curriculum-map h3{font-size:16px;margin:0;padding:14px;background:#edf2e6}.curriculum-map a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}.curriculum-map a strong{white-space:nowrap;font-size:12px}.course-shell{display:grid;grid-template-rows:58px 44px minmax(0,1fr);gap:8px;height:calc(100dvh - 110px);min-height:680px;max-height:1080px}.course-shell .compact-mission-head{display:flex;align-items:center;gap:10px}.course-shell .compact-mission-head>div{flex:1;min-width:0}.course-shell .compact-mission-head span{font-size:12px;color:var(--muted)}.course-shell .compact-mission-head h1{font-size:24px;margin:3px 0;line-height:1.3}.course-shell .compact-mission-head>a,.course-shell .compact-mission-head>button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:23px}.course-step-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:4px}.course-step-nav button{min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;color:var(--muted)}.course-step-nav [aria-current]{color:var(--green);font-weight:750;border-bottom-color:var(--green)}#courseBody{min-height:0;outline:0}.course-practice{height:100%;min-height:0;display:grid;grid-template-rows:48px 44px minmax(0,1fr) 52px;gap:6px}.course-shell .compact-goals{display:flex;align-items:center;text-align:left;gap:9px;padding:7px 12px;border:1px solid #d7dfce;border-radius:10px;background:#eef3e6;font-size:13px}.course-shell .compact-goals>span:first-child{background:white;padding:5px;border-radius:6px;white-space:nowrap}.course-shell .compact-goals>span:nth-child(2){flex:1}.course-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:6px}.course-scenarios button{min-height:44px;border:1px solid var(--line);background:white;border-radius:9px;font-size:13px}.course-scenarios [aria-pressed=true]{background:#e7e0f1;border-color:#b5a4c9;font-weight:750}.course-work{min-height:0;min-width:0;display:grid;grid-template-columns:1.35fr 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.course-work>.stage-surface{min-height:0;min-width:0;display:block;overflow:auto;overscroll-behavior:contain;padding:14px;scroll-padding:12px}.course-work>.settings-strip{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border:0;border-left:1px solid var(--line);border-radius:0}.course-work .setting-toggle{min-height:44px;margin:0;font-size:13px}.course-work .setting-label{font-size:12px}.course-work .control input[type=range]{min-height:44px}.course-work .control label{font-size:13px}.course-work select,.course-sample input,.course-sample textarea,.course-sample select{font:inherit;color:inherit;width:100%;min-width:0;min-height:44px;border:1px solid #a7b7a2;border-radius:7px;background:#fff;padding:8px}.course-sample label{display:block;font-size:13px;margin:6px 0}.course-sample{width:100%;max-width:480px;margin:0 auto!important;box-shadow:none;padding:16px}.course-sample h3{font-size:19px;margin:10px 0}.course-sample>p,.course-sample form>p{font-size:13px;line-height:1.65;margin:10px 0}.course-sample .tag{font-size:10px;margin:0}.course-sample ul,.course-sample ol{padding-left:20px}.course-sample li{font-size:13px;margin:10px 0;line-height:1.6}.course-sample>.btn{margin-top:10px}.scenario-note{font-size:12px;line-height:1.6;color:#66705c;margin:0 0 10px}.course-inline{display:flex;gap:8px;align-items:end;margin:12px 0;flex-wrap:wrap}.course-inline>*{flex:1;min-width:0}.course-inline>.btn{flex:none}.course-shell .compact-actionbar{display:grid;align-items:center;width:100%;max-width:530px;justify-self:end}.course-shell .compact-actionbar>button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;font-size:13px}.course-shell .compact-actionbar>.btn{background:var(--green);color:white}.target-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.target-options>button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:100px;background:#f8f7f3;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px}.target-options [aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.target-mini{display:block;background:#e4ebd8;color:var(--green);border-radius:6px}.tiny-target{padding:0;font-size:14px}.roomy-target{padding:10px;font-size:18px}.target-test{display:flex;align-items:center;margin-top:10px}.target-test button{padding:0 4px;background:#e4ebd8;border:1px solid #a7b596;border-radius:6px;font-size:13px;max-width:100%}.course-sample .sample-muted{font-size:11px}.wizard-step{font-size:12px;background:#edf2e6;border-radius:7px;padding:8px}.blank-demo{min-height:80px}.article-meta{font-size:11px!important;color:var(--muted)}.reading-demo>p{font-size:14px;line-height:1.8}.article-summary{background:#edf3e3;padding:10px;border-radius:8px}.grouped-article{border:1px solid var(--line);border-radius:10px;padding:12px}.course-sample fieldset{min-width:0;border:1px solid #b8c4af;border-radius:9px;padding:10px}.course-sample legend{font-size:13px;padding:0 5px}.overflow-demo{display:flex;max-width:100%;overflow:auto;border:1px dashed #c7b8d8;padding:10px}.overflow-demo article{max-width:100%;font-size:14px}.overflow-demo p{font-size:12px}.full-title{overflow-wrap:anywhere}.practice-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:20px}.practice-bottom-nav button{background:#f5f5ef;border:1px solid var(--line);border-radius:8px;font-size:11px;padding:3px;overflow-wrap:anywhere}.practice-bottom-nav button>span{display:block;font-size:18px}.practice-bottom-nav [aria-current]{border-color:var(--green);background:#e5eedb;font-weight:800}.focus-demo{display:flex;flex-direction:column;gap:8px}.focus-demo button{min-height:44px;border:1px solid var(--line);background:white;border-radius:8px;padding:8px}.focus-demo:not(.show-ring) button:focus{outline:0!important;box-shadow:none!important}.focus-demo.show-ring button:focus{outline:3px solid #8056a1;outline-offset:2px}.booking-options{display:flex;align-items:center;gap:8px;overflow:auto}.booking-options button{min-width:330px;border:1px solid #a7b596;border-radius:9px;background:#edf2e6;padding:4px;font:inherit}.booking-options.responsive-booking button{min-width:0;flex:1}.booking-options.responsive-booking.narrow-booking{flex-direction:column;align-items:stretch}.booking-options [aria-pressed=true]{outline:2px solid var(--green);outline-offset:-2px}.booking-summary{padding:10px;border-radius:8px;background:#edf2e6;font-size:13px}.course-shell .compact-learn,.course-shell .compact-review{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.course-shell .focus-term{flex:1;min-height:0;overflow:auto;background:#eee8f6;border:1px solid #d9cfe6;padding:24px;border-radius:16px}.course-shell .focus-term-title h2{font-size:28px;margin:0}.course-shell .focus-term-title span{font-size:13px;color:#725a85}.course-shell .focus-term>p{font-size:16px;line-height:1.75;margin:20px 0}.course-shell .focus-term-tip{background:#fff9;padding:16px;border-radius:12px;font-size:14px;line-height:1.8}.course-shell .term-counter,.course-shell .term-paging{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px}.course-shell .term-paging button{min-height:44px;border:0;background:transparent;padding:8px}.course-shell .compact-primary-row{display:flex;gap:8px}.course-shell .compact-primary-row>*{flex:1}.course-shell .review-content,.course-shell .result-content{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}.course-shell .result-content{display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;gap:14px;background:#edf3e2}.course-shell .result-content h2,.course-shell .result-content p{margin:0}.course-shell .result-content p{font-size:14px;line-height:1.8}.course-shell .compact-xp{font-size:28px}.course-shell .review-content>p{font-size:15px;line-height:1.8;margin:16px 0}.course-shell .review-answers{display:grid;gap:8px}.course-shell .review-answers .answer{min-height:48px;margin:0;font-size:14px}.portfolio-home,.expanded-catalog{display:grid;grid-template-rows:auto 48px minmax(0,1fr) 44px;gap:12px;min-height:680px;height:calc(100dvh - 110px);max-height:1100px}.portfolio-header>a{min-height:36px;display:inline-flex;align-items:center}.portfolio-header h1,.expanded-catalog h1{font-size:28px;margin:6px 0}.portfolio-header p,.expanded-catalog .catalog-header p{font-size:13px;color:var(--muted);margin:0}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.portfolio-list,#expandedCatalogList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain}.portfolio-card,.expanded-catalog .compact-catalog-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.portfolio-card>div{display:flex;align-items:center;gap:10px}.portfolio-card h2{font-size:19px;margin:14px 0 8px}.portfolio-card p{font-size:13px;line-height:1.7}.portfolio-card small{font-size:11px;color:var(--muted);margin:0 0 12px}.portfolio-card>.btn{margin-top:auto;min-height:44px;font-size:12px;padding:8px}.portfolio-home .term-paging,.expanded-catalog .term-paging{display:flex;align-items:center;justify-content:space-between;font-size:13px}.portfolio-home .term-paging button,.expanded-catalog .term-paging button{min-height:44px;background:transparent;border:0;padding:8px}.portfolio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:240px;padding:24px;border:1px dashed #b1c19e;border-radius:16px;grid-column:1/-1}.portfolio-empty h2{font-size:22px}.portfolio-empty p{font-size:14px;line-height:1.7}.expanded-catalog .compact-search{display:flex;gap:8px;min-width:0}.expanded-catalog .compact-search input{flex:1;min-width:0}.expanded-catalog .compact-search select{width:190px}.expanded-catalog .compact-search input,.expanded-catalog .compact-search select{min-height:44px;padding:8px;border:1px solid #b3c1a6;border-radius:8px;background:#fff;font:inherit}.expanded-catalog .compact-catalog-card h2{font-size:19px;margin:0}.expanded-catalog .compact-catalog-card>div{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.expanded-catalog .compact-catalog-card>div>span{font-size:12px;color:#735f85}.expanded-catalog .compact-catalog-card p{font-size:13px;line-height:1.75;margin:10px 0}.expanded-catalog .compact-catalog-card>a{min-height:44px;padding:10px 0;margin-top:auto;border-top:1px solid var(--line);font-size:13px}
@media(max-width:900px){.compact-mode #main.path-home{height:100%;min-height:0;max-height:none;grid-template-rows:auto 44px auto minmax(0,1fr) 44px 44px;gap:6px}.path-welcome{display:block}.path-welcome .eyebrow{display:none}.path-welcome h1{font-size:23px;margin:0 0 3px}.path-stats{font-size:12px;gap:16px}.path-stats strong{font-size:14px}.path-stats button{margin-left:auto;padding:5px 10px;font-size:12px}.chapter-tabs{scrollbar-width:none;gap:5px}.chapter-tabs>button{font-size:11px;min-height:44px;padding:6px 10px}.chapter-caption h2{font-size:18px;margin:1px 0}.chapter-caption span{font-size:10px}.path-card{padding:16px;border-radius:14px}.path-card-top{font-size:10px}.path-card-top .tag{font-size:10px}.path-art{width:44px;height:44px;padding:8px;border-radius:12px;margin:12px 0 8px}.path-card h2{font-size:23px;margin:0 0 9px}.path-card>p{font-size:13px;line-height:1.65;margin:0 0 10px}.path-card .term-chips{margin-bottom:9px}.path-card .term-chips span{font-size:10px}.path-reward{font-size:11px;margin-bottom:10px}.chapter-steps{grid-template-columns:32px repeat(5,1fr) 32px;gap:4px}.chapter-steps>button{font-size:13px;border-radius:8px}.path-shortcuts>a{font-size:11px;padding:8px}.compact-mode #main.course-shell{height:100%;min-height:0;max-height:none;grid-template-rows:48px 44px minmax(0,1fr);gap:5px}.course-shell .compact-mission-head h1{font-size:17px;margin:1px 0}.course-shell .compact-mission-head span{font-size:10px}.course-step-nav button{font-size:12px}.course-practice{grid-template-rows:44px 44px minmax(0,1fr) 48px;gap:5px}.course-shell .compact-goals{font-size:12px;padding:5px 8px}.course-scenarios button{font-size:12px}.course-work{grid-template-columns:1fr;grid-template-rows:minmax(70px,1fr) auto;border-radius:10px}.course-work>.stage-surface{grid-row:1;padding:9px}.course-work>.settings-strip{grid-row:2;padding:5px 10px;border-left:0;border-top:1px solid var(--line);max-height:min(25dvh,190px)}.course-work .settings-strip .control{display:grid;grid-template-columns:85px 1fr;gap:10px;align-items:center;min-height:44px;margin:0}.course-work .settings-strip .control label{margin:0;font-size:12px}.course-work .setting-toggle{font-size:12px;min-height:44px}.course-work .setting-label{font-size:11px;margin:0}.course-work select{font-size:16px;padding:5px 8px;margin:2px 0 5px}.course-work .settings-strip:has(#setting-size){display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;align-items:center}.course-work .settings-strip:has(#setting-size)>.setting-label{grid-column:1}.course-work .settings-strip:has(#setting-size)>select{grid-column:2;margin:0}.course-work .settings-strip:has(#setting-size)>.control{grid-column:1/-1}.course-sample{padding:12px}.course-sample h3{font-size:17px}.course-sample input,.course-sample textarea,.course-sample select{font-size:16px}.course-sample .btn{font-size:12px;padding:8px;min-height:44px}.course-sample .target-test>button{min-height:0}.scenario-note{font-size:11px;margin-bottom:7px}.course-shell .compact-actionbar>button{font-size:12px;padding:5px}.course-shell .focus-term{padding:18px}.course-shell .focus-term-title h2{font-size:25px}.course-shell .focus-term>p{font-size:15px;margin:14px 0}.course-shell .focus-term-tip{padding:12px;font-size:13px}.course-shell .term-counter,.course-shell .term-paging{font-size:12px}.course-shell .term-paging button{font-size:12px}.course-shell .review-content,.course-shell .result-content{padding:16px}.course-shell .result-content{gap:10px}.course-shell .result-content h2{font-size:22px}.compact-mode #main.portfolio-home,.compact-mode #main.expanded-catalog{height:100%;min-height:0;max-height:none;gap:8px;grid-template-rows:auto 44px minmax(0,1fr) 44px}.portfolio-header h1,.expanded-catalog h1{font-size:23px;margin:3px 0}.portfolio-header p,.expanded-catalog .catalog-header p{font-size:12px}.portfolio-meta{font-size:10px}.portfolio-list,#expandedCatalogList{display:flex;flex-direction:column;gap:8px}.portfolio-card{flex:1;padding:12px}.portfolio-card h2{font-size:17px;margin:7px 0}.portfolio-card p{font-size:12px;line-height:1.6;margin-bottom:8px}.portfolio-card small{font-size:10px;margin-bottom:7px}.portfolio-card>div>img{width:24px;height:24px}.portfolio-card .tag{font-size:10px;margin:0}.expanded-catalog .compact-search select{width:115px;font-size:13px}.expanded-catalog .compact-search input{font-size:16px}.expanded-catalog .compact-catalog-card{padding:12px;flex:1}.expanded-catalog .compact-catalog-card h2{font-size:17px}.expanded-catalog .compact-catalog-card>div>span{font-size:11px}.expanded-catalog .compact-catalog-card p{font-size:12px;margin:7px 0}.comparison-stage .course-sample{padding:12px}.comparison-stage .target-options{pointer-events:none}}
@media(max-width:900px) and (max-height:700px){.path-art{display:none}.path-card h2{font-size:21px;margin-top:10px}.path-card .term-chips{display:none}.path-welcome h1{font-size:21px}.path-card{padding:13px}.path-reward{font-size:10px}.chapter-caption h2{font-size:16px}.course-work>.settings-strip{max-height:100px}.course-shell .focus-term{padding:15px}.course-shell .focus-term-tip{padding:10px}.portfolio-card p{margin-bottom:6px}.portfolio-card>div{display:none}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.compact-mode #main.path-home{grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 44px auto minmax(0,1fr) 44px;gap:4px 14px}.path-welcome{grid-column:1;grid-row:1}.chapter-tabs{grid-column:1;grid-row:2}.chapter-caption{grid-column:1;grid-row:3}.path-card{grid-column:2;grid-row:1/5}.chapter-steps{grid-column:2;grid-row:5}.path-shortcuts{grid-column:1;grid-row:5}.path-welcome h1{font-size:18px}.path-welcome .path-stats{gap:10px}.path-card .term-chips{display:flex}.compact-mode #main.course-shell{grid-template-columns:1fr 1fr;grid-template-rows:44px minmax(0,1fr)}.course-shell .compact-mission-head{grid-column:1}.course-step-nav{grid-column:2}#courseBody{grid-column:1/-1}.course-practice{grid-template-columns:1fr 1fr;grid-template-rows:44px minmax(0,1fr) 44px;gap:4px 8px}.course-practice>.compact-goals{grid-column:1;grid-row:1}.course-scenarios{grid-column:2;grid-row:1}.course-work{grid-column:1/-1;grid-row:2;grid-template-columns:1.3fr 1fr;grid-template-rows:minmax(0,1fr)}.course-work>.stage-surface{grid-column:1;grid-row:1}.course-work>.settings-strip{grid-column:2;grid-row:1;max-height:none;border-top:0;border-left:1px solid var(--line)}.course-practice>.compact-actionbar{grid-column:1/-1;grid-row:3}.course-shell .compact-learn{display:grid;grid-template-columns:1fr 240px;grid-template-rows:24px minmax(0,1fr) 44px}.course-shell .focus-term{grid-column:1;grid-row:1/4}.course-shell .term-counter{grid-column:2}.course-shell .term-paging{grid-column:2}.course-shell .compact-primary-row{grid-column:2}.compact-mode #main.portfolio-home,.compact-mode #main.expanded-catalog{grid-template-columns:240px 1fr;grid-template-rows:auto 44px minmax(0,1fr)}.portfolio-header,.catalog-header,.portfolio-meta,.expanded-catalog .compact-search{grid-column:1}.portfolio-list,#expandedCatalogList{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr}.portfolio-home>.term-paging,#expandedCatalogPages{grid-column:1;align-self:end}.portfolio-card>div{display:none}.portfolio-card h2{font-size:15px}.portfolio-card p{font-size:11px}.expanded-catalog .compact-search select{width:100px}.expanded-catalog .compact-search input{width:110px}.course-shell .compact-review{display:grid;grid-template-columns:1fr 220px}.course-shell .compact-review>.compact-primary-row{align-self:end;flex-direction:column}}
.recap-home{display:flex;flex-direction:column;gap:16px;max-width:780px!important;min-height:600px}.recap-home .review-content{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;min-height:0;overflow:auto}.recap-home h2{font-size:24px;line-height:1.6}.recap-home .review-answers{display:grid;gap:8px}.recap-home .answer{font-size:14px;min-height:48px}.recap-home [hidden]{display:none!important}.recap-link{display:flex;align-items:center;min-height:48px;padding:12px;background:#eee8f6;border-radius:10px;font-size:13px;font-weight:700;margin-bottom:14px}@media(max-width:900px){.compact-mode #main.recap-home{min-height:0;gap:10px}.recap-home .review-content{flex:1;padding:16px}.recap-home h2{font-size:19px}.recap-home .portfolio-empty{flex:1}.recap-home>.btn{flex:none}.recap-home .review-content .answer{font-size:13px}.recap-home #recapFeedback{font-size:13px;line-height:1.7}}
