.workshop-promo{background:#edfaf7;border-color:#b9e8dd}
.workshop-promo h3{margin:7px 0}
.workshop-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#eaf8f5;border:1px solid #bce3d9;border-radius:16px;padding:22px 26px;margin:0 0 20px}
.workshop-strip h2{margin:7px 0;font-size:20px}
.workshop-strip p{margin:0;color:#567078}
.workshop-summary{display:flex;align-items:center;gap:28px;background:#142c3f;color:white;border-radius:17px;padding:19px 23px;margin:23px 0}
.workshop-summary>div{display:grid;gap:2px;min-width:120px}
.workshop-summary strong{font:800 25px Manrope,sans-serif}
.workshop-summary span{font-size:12px;color:#b8d0d2}
.workshop-summary button{margin-left:auto}
.workshop-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.workshop-concepts{display:grid;gap:8px;position:sticky;top:90px}
.concept-tab{display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:12px;border:1px solid #dce7ec;border-radius:13px;background:#fff;color:#20374a}
.concept-tab:hover,.concept-tab.active{border-color:#23a99c;background:#f0fbf8}
.concept-tab>span:last-child{display:grid;gap:3px}
.concept-tab strong{font-size:13px;line-height:1.3}
.concept-tab small{font-size:11px;color:#65818b}
.concept-index{width:27px;height:27px;flex:none;border-radius:9px;background:#e6f5f1;color:#08796f;display:grid;place-items:center;font-size:12px;font-weight:800}
.workshop-content{display:grid;gap:16px;min-width:0}
.workshop-content .detail-panel{margin:0}
.source-page{float:right;color:#77919a;font-size:10px}
.worked-box,.method-box,.next-study{padding:17px 19px;border-radius:12px;margin:17px 0;background:#edf9f6;border-left:3px solid #24ad9f}
.worked-box strong,.method-box strong,.next-study strong{font-size:14px;color:#163b48}
.worked-box p,.next-study p{margin:9px 0 0;line-height:1.6}
.method-box{background:#f4f7fc;border-left-color:#6291d1}
.method-box ol{padding-left:21px;margin:10px 0 0;line-height:1.75}
.checkpoint-options{display:grid;gap:9px;margin:17px 0}
.checkpoint-options .answer-option{width:100%;text-align:left}
.pilot-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pilot-input,.journal-fields select{border:1px solid #cddfe8;border-radius:10px;background:white;padding:13px 14px;color:#193044;font:inherit;width:100%;max-width:420px}
.pilot-input:focus,.journal-fields select:focus{outline:2px solid #27aa9b;outline-offset:2px}
.field-label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:15px 0 7px}
.journal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:17px 0}
.journal-fields select{max-width:none}
.concept-results{display:grid;gap:8px;margin:18px 0 22px}
.concept-results>div{display:flex;justify-content:space-between;gap:16px;border:1px solid #e0e9ef;padding:12px 14px;border-radius:10px;font-size:13px}
.concept-results span{font-weight:800;color:#08796f}
.next-study{margin:22px 0}
.result-detail-title{margin-top:32px}
.result-back-workshop{margin-left:10px}
.backup-panel{margin-top:25px}
.file-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.workshop-overview-list{display:grid;gap:10px}
.workshop-status-help{font-size:12px;color:#627987;margin:-7px 0 18px;line-height:1.5}
.workshop-unit-card{width:100%;text-align:left}
.generic-workshop-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start;margin-top:22px}
.workshop-side{display:grid;gap:15px;position:sticky;top:90px}
.workshop-side .side-panel{margin:0}
.workshop-path{padding-left:21px;margin:12px 0 18px;line-height:1.9;font-size:13px;color:#3c5865}
.rubric-list{margin:8px 0 0;padding-left:21px;line-height:1.7}
.workshop-original{border-top:1px solid #e2eaef;margin-top:24px;padding-top:18px}
.workshop-original h3{font-size:15px;margin:0 0 8px}
.workshop-original p{font-size:13px;color:#617684}
.workshop-original .solution-details{margin-top:14px}
.source-done{margin-top:18px}
.source-done.done{border-color:#24a597;color:#08796f;background:#edfaf7}
.fac-source-panel{margin-top:20px}
.fac-source-panel .solution-details,.generic-workshop-grid .solution-details{margin-top:14px}
.objective-progress{font-weight:700;color:#176e72;margin:18px 0 10px}
.objective-list{display:grid;gap:9px;margin:0 0 16px}
.extended-outcomes{display:grid;gap:8px;margin:0 0 16px}
.objective-toggle{display:flex;align-items:flex-start;gap:12px;width:100%;padding:11px 13px;text-align:left;background:#f7fafb;border:1px solid #d9e5ea;border-radius:10px;color:#243c4a;font:inherit;line-height:1.45;cursor:pointer}
.objective-toggle:hover,.objective-toggle:focus-visible{border-color:#209d9a;background:#effaf8}
.objective-toggle[aria-pressed="true"]{background:#edfaf7;border-color:#24a597}
.objective-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid #86a0ab;border-radius:5px;background:#fff;color:#08796f;font-weight:800}
.objective-toggle[aria-pressed="true"] .objective-mark{border-color:#24a597}
.extended-divider{border-top:1px solid #e2eaef;margin:24px 0}
.extended-panel h3{font-size:16px;margin:18px 0 10px}
.extended-panel .worked-box{margin:13px 0 20px}
.extended-panel .recall-answer{min-height:125px}
.extended-compare{margin-top:12px}
.extended-panel .pilot-input{display:block;margin-top:7px}
.quiz-shell .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-drill-panel .recall-answer{min-height:170px;margin:10px 0 14px}
.case-drill-panel .pilot-input{display:block;margin:7px 0 16px}
.case-drill-panel .model-answer{margin:18px 0}
.case-drill-panel>.primary-btn{margin-top:14px}
.case-result-list{margin-top:22px}
.case-result-list>div{gap:10px;flex-wrap:wrap}
.objective-card{border:1px solid #d9e5ea;border-radius:12px;background:#f9fbfc;overflow:hidden}
.objective-card[open]{border-color:#8dc9c5;background:#fff}
.objective-card summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;font-weight:700;color:#243c4a;list-style:none}
.objective-card summary>span:nth-child(2){flex:1;min-width:0}
.objective-card summary::-webkit-details-marker{display:none}
.objective-card summary::after{content:'⌄';font-size:20px;color:#617684;order:3;margin-left:6px}
.objective-card[open] summary::after{content:'⌃'}
.objective-card summary:focus-visible{outline:3px solid #65bdb7;outline-offset:-3px}
.objective-card .objective-mark.done{border-color:#24a597;background:#edfaf7}
.objective-state{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:700;color:#587280}
.objective-body{padding:4px 16px 18px;border-top:1px solid #e5eef1}
.objective-body h3{font-size:15px;margin:18px 0 8px}
.objective-body>p{line-height:1.6}
.objective-body .worked-box,.objective-body .lesson-caution{margin:14px 0}
.objective-answer{min-height:110px;width:100%}
.objective-compare{margin-top:12px}
.objective-body .recall-rate{margin-top:14px}
@media(max-width:800px){.workshop-layout{grid-template-columns:1fr}.workshop-concepts{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-summary{gap:15px;flex-wrap:wrap}.workshop-summary button{margin-left:0}}
@media(max-width:900px){.generic-workshop-grid{grid-template-columns:1fr}.workshop-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.quiz-shell .mode-grid{grid-template-columns:1fr}}
@media(max-width:560px){.workshop-side{grid-template-columns:1fr}}
@media(max-width:560px){.objective-card summary{gap:8px;padding:12px}.objective-state{font-size:10px}.objective-body{padding:4px 12px 16px}}
@media(max-width:560px){.workshop-strip{display:grid;padding:18px}.workshop-concepts{grid-template-columns:1fr}.journal-fields{grid-template-columns:1fr}.workshop-summary{display:grid;grid-template-columns:1fr 1fr}.workshop-summary button{grid-column:1/-1}.source-page{float:none;display:block;margin-top:6px}}