/* Shared ergonomics, not Fenomen's branding or open-access policy. */
/* Hidden horizontal overflow also creates a vertical scroll container. Use clip
   on the web shell so sticky elements follow the document, not #app or body. */
html[data-site-theme],html[data-site-theme] body,html[data-site-theme] #app,html[data-site-theme] main.shell{overflow-x:clip;overflow-y:visible}
html[data-site-theme]{--site-header-height:76px;scroll-padding-top:calc(var(--site-header-height) + 16px)}
html[data-site-theme] .site-header{box-sizing:border-box;height:var(--site-header-height);min-height:var(--site-header-height);padding-block:10px}
html[data-site-theme] .site-sidebar,html[data-site-theme] main.shell .reading-progress{top:var(--site-header-height)}
@media(min-width:1100px){html[data-site-theme] .site-lesson-outline{top:calc(var(--site-header-height) + 22px);max-height:calc(100dvh - var(--site-header-height) - 44px)}}
@media(max-width:760px){html[data-site-theme]{--site-header-height:65px}html[data-site-theme] .site-header{padding-block:8px}}
.workspace-library-hero h1{font-size:clamp(30px,4vw,44px)!important;line-height:1.15!important}.workspace-library-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.workspace-library-filters label{display:grid;gap:7px;flex:1;min-width:155px;color:var(--muted);font-size:12px}.workspace-library-filters select{font:inherit;font-size:14px;color:var(--ink);background:var(--paper);padding:11px 14px;min-height:46px;border:1px solid var(--line);border-radius:12px;width:100%}.workspace-library-filters .workspace-reset{min-height:46px;padding:10px}.workspace-results,.workspace-hint{color:var(--muted);font-size:13px;margin:16px 0}.workspace-topics{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:16px 0}.workspace-topics>summary{cursor:pointer;min-height:28px;font-size:14px;color:var(--ink)}.workspace-topics .chips{padding-top:12px}.workspace-continue{padding:24px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:20px;background:var(--paper);margin:24px 0 30px;max-width:900px}.workspace-continue h2{margin:10px 0;font-size:26px}.workspace-continue p{color:var(--muted);font-size:16px;line-height:1.6}.workspace-continue .course-progress{margin:16px 0}.workspace-continue>.button{margin-top:6px}.workspace-learning-summary{margin:30px 0;padding-top:16px;border-top:1px solid var(--line)}.workspace-learning-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.workspace-learning-counts>div{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--paper)}.workspace-learning-counts b{font-size:28px}.workspace-learning-counts span{font-size:12px;color:var(--muted);line-height:1.5}.workspace-module{border:1px solid var(--line);border-radius:16px;padding:0 12px;margin:12px 0;background:var(--paper)}.workspace-module>summary{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:17px 2px;cursor:pointer;list-style:none;min-height:54px}.workspace-module>summary::-webkit-details-marker{display:none}.workspace-module>summary:after{content:'⌄';color:var(--accent)}.workspace-module[open]>summary:after{content:'⌃'}.workspace-module>summary span{font-size:12px;color:var(--muted);white-space:nowrap;margin-left:auto}.workspace-module .course-module-title{display:none}.workspace-module .course-lesson-row{border-radius:11px}.workspace-outline>summary{font-weight:750;cursor:pointer;color:var(--ink);min-height:48px;padding:14px 0}.workspace-current-lesson{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,var(--paper))!important}.workspace-video-resume{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);padding:7px 0 15px}.workspace-video-resume button{font:inherit;color:var(--accent-dark,var(--accent));background:transparent;border:0;text-decoration:underline;cursor:pointer;min-height:36px}.workspace-module :is(button,summary):focus-visible,.workspace-library-filters :is(select,button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:1100px){.site-lesson-layout{grid-template-columns:minmax(0,1fr) 265px!important;align-items:start;gap:24px}.site-lesson-outline{position:sticky;top:98px;max-height:calc(100vh - 120px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 16px 14px;min-width:0}.site-lesson-outline h2{font-size:19px;line-height:1.35}.site-lesson-outline .eyebrow{display:none}.site-lesson-outline .course-lesson-row{padding:12px 8px;gap:8px}.site-lesson-outline .course-lesson-row b{font-size:13px}.site-lesson-outline .course-lesson-row small{display:none}.site-lesson-outline .lesson-number{font-size:12px;min-width:20px}.site-lesson-outline .workspace-module{padding:0 5px;margin:8px 0}.site-lesson-outline .workspace-module>summary{font-size:13px}.site-lesson-body{min-width:0}.site-lesson-body .lesson-hero h1{font-size:clamp(30px,3vw,42px)}}
@media(max-width:1099px){.site-lesson-layout{display:flex!important;flex-direction:column;gap:18px}.site-lesson-outline{display:block!important;order:-1;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:0 16px}.site-lesson-outline h2{font-size:20px}.site-lesson-body{width:100%}.site-lesson-outline .eyebrow{display:none}}
@media(max-width:600px){.workspace-library-filters{gap:9px}.workspace-library-filters label{min-width:125px}.workspace-reset{width:100%;text-align:left}.workspace-continue{padding:20px}.workspace-continue h2{font-size:24px}.workspace-continue>.button{width:100%;justify-content:center}.workspace-learning-counts{gap:8px}.workspace-learning-counts>div{padding:13px 9px}.workspace-learning-counts b{font-size:24px}.workspace-learning-counts span{font-size:10px}.workspace-module>summary{font-size:14px}.workspace-module .course-lesson-row{padding:14px 8px}.workspace-results{font-size:12px}}