:root{color:#1d1d1f;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{background:#fff;margin:0;min-height:100vh;min-height:100svh;min-width:320px}a{color:inherit;text-decoration:none}.skip-link{background:#2d2a25;color:#fffdf9;left:12px;padding:10px 14px;position:absolute;top:-100px;z-index:10}.skip-link:focus{top:12px}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #7a5b25;outline-offset:3px}button,a,input,select,textarea{min-height:44px;scroll-margin:12px}button{font:inherit}.app-header{align-items:center;background:#fff;border-bottom:1px solid #d2d2d7;display:flex;gap:28px;min-height:64px;padding:12px clamp(20px,5vw,72px)}.brand{font-size:.78rem;font-weight:600;letter-spacing:.1em;white-space:nowrap}nav{display:flex;flex:1;gap:6px}.nav-link,.profile-button{border-radius:6px;font-size:.9rem;padding:10px 14px}.nav-link:hover,.nav-link.is-active{background:#f5f5f7}.profile-button{background:transparent;border:1px solid #d2d2d7;color:inherit;cursor:pointer}.page-shell{margin:0 auto;max-width:1120px;padding:48px 22px 64px}.hero{margin-bottom:34px;max-width:650px}.eyebrow{color:#6e6e73;font-size:.72rem;font-weight:600;letter-spacing:.1em;margin:0 0 12px}h1,h2,p{margin-top:0}h1{color:#1d1d1f;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;letter-spacing:-.04em;margin-bottom:12px}h2{color:#1d1d1f;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}p{color:#6e6e73;line-height:1.5}.action-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.action-card,.status-panel{background:#fff;border:1px solid #d2d2d7;border-radius:6px;box-shadow:none}.action-card{display:flex;flex-direction:column;justify-content:space-between;min-height:230px;padding:24px}.action-card--primary{border-color:#1d1d1f}.button{align-self:flex-start;background:#1d1d1f;border-radius:6px;color:#fff;font-size:.88rem;font-weight:500;max-width:100%;overflow-wrap:anywhere;padding:11px 16px}.button--secondary{background:#fff;border:1px solid #d2d2d7;color:#1d1d1f}.button--quiet{background:transparent;color:#06c}.button:disabled{cursor:not-allowed;opacity:.5}.button:hover{background:#000}.button:focus-visible,.profile-button:focus-visible,.nav-link:focus-visible,.lesson-item:focus-visible{outline-color:#7a5b25}.status-panel{align-items:center;display:flex;justify-content:space-between;margin-top:40px;padding:24px}.status-panel>div,.hero-heading>div{min-width:0}.status-panel p:last-child{margin-bottom:0}.status-chip{border-radius:999px;font-size:.78rem;font-weight:800;max-width:100%;overflow-wrap:anywhere;padding:8px 12px}.status-chip--success{background:#e3f1e6;color:#28643b}.course-list{margin-top:40px}.section-heading{align-items:baseline;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-heading>*{min-width:0}.text-link{color:#665b4c;font-size:.88rem;font-weight:700;max-width:100%;overflow-wrap:anywhere}.course-row{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:6px;display:flex;justify-content:space-between;padding:16px 18px}.course-row>*{min-width:0}.course-row--rich{gap:18px;margin-bottom:10px}.course-row--rich>a{align-items:center;display:flex;flex:1 1 auto;gap:24px;justify-content:space-between;min-width:0}.course-row--rich>a>span:first-child{min-width:0;overflow-wrap:anywhere}.course-row--rich .progress-wrap{max-width:180px;min-width:130px}.text-button{background:transparent;border:0;color:#8b3f35;cursor:pointer;font:inherit;font-size:.82rem;min-height:44px;padding:8px}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hero-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.hero-heading h1,.status-panel h2{overflow-wrap:anywhere}.toolbar{align-items:end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.search-field{display:grid;gap:7px;font-size:.82rem;font-weight:700;max-width:420px;width:100%}.search-field input,textarea,select{border:1px solid #d2d2d7;border-radius:6px;font:inherit;min-height:44px;max-width:100%;padding:10px 12px;width:100%}.results-count{color:#776f62;font-size:.85rem}.course-stack{display:grid;gap:10px}.form-card{margin-top:0}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.summary-grid,.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:24px 0}.settings-card{background:#fff;border:1px solid #e5e5ea;border-radius:6px;display:grid;gap:10px;padding:20px;transition:border-color .2s ease,transform .2s ease}.settings-card:hover{border-color:#1d1d1f;transform:translateY(-1px)}.settings-card h2{margin:0}.settings-card p{margin:0 0 8px}.status-chip--warning{background:#f5eadb;color:#875b23}.text-button--danger{color:#8b3f35}.metric-card,.panel{background:#fff;border:1px solid #d2d2d7;border-radius:6px;padding:20px}.metric-card{display:grid;gap:8px}.metric-card strong{font-size:2rem;letter-spacing:-.05em}.metric-card small,.progress-row small{color:#776f62}.panel{margin-top:24px}.progress-row{align-items:center;border-top:1px solid #eee9df;display:flex;gap:20px;justify-content:space-between;padding:16px 0}.progress-row>div:first-child{display:grid;gap:4px}.progress-row .progress-wrap{max-width:260px;width:45%}.course-row:hover{border-color:#1d1d1f}.course-row span:first-child{display:grid;gap:5px}.course-row small{color:#776f62}.progress-value{font-weight:800}.learner-layout{display:grid;gap:24px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr)}.course-outline,.lesson-card{background:#fffdf9;border:1px solid #e4dfd6;border-radius:18px;padding:24px}.progress-bar{background:#eee9df;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{background:#897147;display:block;height:100%}.progress-label{font-size:.82rem;margin:10px 0 26px}.course-outline h2{border-top:1px solid #eee9df;margin:18px 0 8px;padding-top:18px}.lesson-item{border-radius:9px;display:block;font-size:.9rem;margin:4px 0;padding:10px}.lesson-item:hover,.lesson-item.is-current{background:#eee9df}.lesson-item.is-complete{color:#28643b}.lesson-item.is-locked{color:#776f62;cursor:not-allowed}.lesson-item[aria-disabled=true]{cursor:not-allowed}.video-placeholder{align-items:center;background:#2f2d2a;border-radius:12px;color:#fffdf9;display:flex;justify-content:center;min-height:280px;margin:22px 0}.quiz-box{background:#f3efe7;border-radius:14px;margin-top:28px;padding:20px}.quiz-box--error{border:2px solid #b85c4c}.quiz-box--error [data-quiz-status]{color:#8b3f35;font-weight:700}.quiz-box h3{margin:0 0 8px}.ux-showcase{border-top:1px solid #e4dfd6;margin-top:56px;padding-top:36px}.ux-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.ux-grid--states{margin-top:16px}.ui-card,.state-panel,.ui-form{background:#fffdf9;border:1px solid #e4dfd6;border-radius:16px;padding:20px}.ui-card{display:flex;flex-direction:column;gap:18px;justify-content:space-between;min-height:150px}.ui-card--accent{border-color:#b9a47b}.state-panel{align-items:flex-start;display:flex;gap:14px}.state-panel h2{margin-bottom:6px}.state-panel p:last-of-type{margin-bottom:14px}.state-icon{align-items:center;background:#e3f1e6;border-radius:50%;color:#28643b;display:inline-flex;flex:0 0 30px;height:30px;justify-content:center;font-weight:800}.state-panel--blocked .state-icon{background:#f5eadb;color:#875b23}.state-panel--error .state-icon,.state-panel--offline .state-icon{background:#f8e4e0;color:#8b3f35}.state-panel--saving .state-icon,.state-panel--loading .state-icon{background:#eee9df;color:#665b4c}.state-panel--updated .state-icon{background:#e8eef7;color:#345b87}.ui-form{margin-top:16px;max-width:600px}.ui-form h3{margin:0 0 18px}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-size:.88rem;font-weight:700}.field input{border:1px solid #cfc7ba;border-radius:9px;font:inherit;min-height:46px;max-width:100%;padding:10px 12px;width:100%}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:#8b3f35}.field input[type=color]{padding:4px;width:5rem}.field input[type=file]{min-height:auto;padding:8px}.field small{color:#776f62}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.form-feedback{min-height:1.6em;margin-bottom:12px}.form-feedback[data-state=error]{color:#8b3f35;font-weight:700}.share-action{align-items:flex-start;display:grid;gap:6px}.empty-inline{background:#fffdf9;border:1px dashed #cfc7ba;border-radius:14px;color:#776f62;padding:20px}.progress-wrap{display:grid;gap:8px}.progress-meta{align-items:baseline;display:flex;font-size:.82rem;gap:12px;justify-content:space-between}.progress-meta span{min-width:0;overflow-wrap:anywhere}.app-footer{border-top:1px solid #e4dfd6;color:#776f62;font-size:.82rem;padding:24px;text-align:center}@media(max-width:900px){.app-header{flex-wrap:wrap}nav{flex-basis:100%;order:3;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}.nav-link{white-space:nowrap}.profile-button{margin-left:auto}}@media(max-width:760px){.app-header{align-items:flex-start;gap:12px}.page-shell{padding:48px 18px}.action-grid{grid-template-columns:1fr}.action-card{min-height:180px}.ux-grid{grid-template-columns:1fr}.status-panel{align-items:flex-start;flex-direction:column;gap:16px}.learner-layout{grid-template-columns:1fr}.hero-heading,.toolbar,.progress-row{align-items:stretch;flex-direction:column}.course-row--rich>a{align-items:flex-start;flex-direction:column;gap:8px}.course-row--rich{align-items:stretch;flex-direction:column}.course-row--rich .row-actions{justify-content:flex-start}.course-row--rich .progress-wrap,.progress-row .progress-wrap{max-width:none;width:100%}.metric-grid,.summary-grid,.settings-grid{grid-template-columns:1fr}.state-panel{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--reference-bg: #ffffff;--reference-surface: #ffffff;--reference-surface-raised: #f5f5f7;--reference-accent: #1d1d1f;--reference-accent-soft: #0066cc;--reference-text: #1d1d1f;--reference-muted: #6e6e73;--reference-border: #d2d2d7;--reference-font: system-ui;--reference-radius: 6px}body{background:var(--reference-bg);color:var(--reference-text);font-family:var(--reference-font),system-ui,sans-serif}.app-header{background:var(--reference-bg);border-bottom:1px solid var(--reference-border);color:var(--reference-text)}.brand,.nav-link,.profile-button{color:var(--reference-text)}.nav-link:hover,.nav-link.is-active{background:#f5f5f7;color:var(--reference-text)}.profile-button{border-color:var(--reference-border)}.page-shell{max-width:980px;padding-top:42px}.eyebrow{color:var(--reference-muted)}h1,h2,h3{color:var(--reference-text)}p,.results-count,.course-row small,.metric-card small,.progress-row small,.field small{color:var(--reference-muted)}.hero,.hero-heading{text-align:center}.hero-heading{align-items:center;flex-direction:column}.action-card,.status-panel,.course-row,.settings-card,.metric-card,.panel,.course-outline,.lesson-card,.ui-card,.state-panel,.ui-form{background:var(--reference-surface);border-color:var(--reference-border);border-radius:var(--reference-radius);box-shadow:none;color:var(--reference-text)}.action-card--primary,.course-row:hover,.settings-card:hover{border-color:var(--reference-border)}.button{background:var(--reference-accent);border-color:var(--reference-accent);border-radius:var(--reference-radius);color:#fff;font-weight:600}.button:hover{background:#000;color:#fff}.button--secondary{background:transparent;border:1px solid var(--reference-border);color:var(--reference-text)}.button--quiet,.text-link{color:var(--reference-accent-soft)}.search-field input,textarea,select,.field input{background:#fff;border-color:var(--reference-border);border-radius:6px;color:var(--reference-text)}.search-field input:focus,textarea:focus,select:focus,.field input:focus{border-color:var(--reference-accent-soft);box-shadow:0 0 0 2px #0066cc26;outline:none}.status-chip--success{background:#f5f5f7;color:var(--reference-text)}.status-chip--warning{background:#fff4e5;color:#8a4b08}.progress-bar{background:#e5e5ea}.progress-bar span{background:var(--reference-accent)}.progress-value{color:var(--reference-text)}.quiz-box{background:var(--reference-surface-raised)}.video-placeholder{background:#f5f5f7;border:1px solid var(--reference-border);color:var(--reference-text)}.app-footer{border-color:var(--reference-border);color:var(--reference-muted)}.skip-link{background:var(--reference-accent);color:#fff}:focus-visible{outline-color:var(--reference-accent-soft)}.learner-header{align-items:center;background:var(--reference-bg);border-bottom:1px solid var(--reference-border);display:flex;justify-content:space-between;min-height:64px;padding:12px clamp(20px,5vw,72px);position:relative}.learner-header .brand{color:var(--reference-text)}.learner-menu-button{align-items:center;background:transparent;border:1px solid var(--reference-border);border-radius:6px;color:var(--reference-text);display:inline-flex;font-size:1.15rem;justify-content:center;min-height:44px;padding:8px 12px}.learner-menu{background:var(--reference-surface);border:1px solid var(--reference-border);border-radius:6px;display:grid;gap:4px;min-width:190px;padding:8px;position:absolute;right:clamp(20px,5vw,72px);top:calc(100% + 8px);z-index:5}.learner-menu[hidden]{display:none}.learner-menu a{color:var(--reference-text);min-height:44px;padding:12px}.learner-menu a:hover{background:var(--reference-surface-raised)}.visual-token-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.visual-token-grid .field input[type=color]{width:100%}@media(max-width:760px){.visual-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.learner-hero{max-width:900px}.learner-progress{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;margin-top:28px}.learner-progress .progress-bar{margin:0}.learner-progress>span{color:var(--reference-muted);font-size:.85rem;white-space:nowrap}.course-intro-card{background:var(--reference-surface);border:1px solid var(--reference-border);border-radius:6px;margin:0 auto 34px;max-width:900px;padding:20px 24px}.course-intro-header{align-items:center;background:transparent;border:0;color:var(--reference-text);display:flex;justify-content:space-between;padding:0;text-align:left;width:100%}.course-intro-header h2{margin:0}.course-intro-toggle{color:var(--reference-muted);transition:transform .2s ease}.course-intro-body{color:var(--reference-muted);line-height:1.6;max-height:200px;overflow:hidden;padding-top:10px;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}.course-intro-card.collapsed .course-intro-toggle{transform:rotate(-90deg)}.course-intro-card.collapsed .course-intro-body{max-height:0;opacity:0;padding-top:0}.section-title{color:var(--reference-text);font-size:1.25rem;margin:0 auto 18px;max-width:900px}.learner-layout{display:block;margin:0 auto;max-width:900px}.course-outline{margin-bottom:20px}@media(max-width:760px){.learner-progress{align-items:stretch;grid-template-columns:1fr}.learner-progress>span{white-space:normal}}