@media screen {
body[data-focus-view="lesson"][data-course="catalog"] main { max-width:1360px!important; padding:10px clamp(12px,2vw,28px)!important; }
body[data-focus-view="lesson"][data-course="catalog"] .lesson-heading { position:static!important; margin:0 0 10px!important; padding:0!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity { display:block!important; padding:12px!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .activity-header { margin:0 0 10px!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .activity-header h2 { margin:0!important; font-size:20px!important; line-height:1.5!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .activity-header p { margin:2px 0 0!important; font-size:14px!important; line-height:1.5!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-grid { display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:8px!important; margin:0!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card {
 display:grid!important; grid-template-columns:minmax(0,1fr) 52px!important; grid-template-rows:1fr 4px auto!important;
 align-items:center!important; justify-items:stretch!important; gap:3px 8px!important; position:relative!important;
 height:clamp(86px,calc((100dvh - 245px)/4),114px)!important; min-height:86px!important; padding:14px 10px 8px!important;
 min-width:0!important; text-align:center!important; overflow:visible!important;
 background:var(--l1-soft)!important; color:var(--l1-ink)!important; border:1px solid var(--l1-line)!important;
 border-radius:12px!important; box-shadow:none!important;
}
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>* { position:static!important; min-width:0!important; width:auto!important; max-width:100%!important; margin:0!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-number { position:absolute!important; top:4px!important; inset-inline-end:8px!important; font-size:10px!important; line-height:1!important; color:var(--l1-muted)!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-letter { grid-column:2!important; grid-row:1!important; font-size:48px!important; line-height:1.1!important; color:var(--l1-accent)!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>b { grid-column:1!important; grid-row:1!important; font-size:20px!important; font-weight:500!important; line-height:1.5!important; color:var(--l1-ink)!important; white-space:nowrap!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>small:nth-of-type(1):not(.demo-card-status) { display:none!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-meter { grid-column:1/-1!important; grid-row:2!important; height:3px!important; display:block!important; width:100%!important; background:var(--l1-line)!important; border-radius:3px!important; overflow:hidden!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-meter i { display:block!important; height:100%!important; background:var(--l1-accent)!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>small:not(:first-of-type) { grid-column:1/-1!important; grid-row:3!important; font-size:12px!important; line-height:1.5!important; color:var(--l1-muted)!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .demo-card-status { display:none!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card.demo-locked-letter .demo-card-status { display:flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; position:static!important; width:auto!important; height:auto!important; clip-path:none!important; overflow:visible!important; grid-column:1/-1!important; grid-row:3!important; font-size:12px!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card.current { border:2px solid var(--l1-accent)!important; background:var(--l1-paper)!important; outline:none!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card.is-locked { border-style:dashed!important; opacity:1!important; }
body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card.is-locked::after { display:none!important; }
body[data-focus-view="lesson"][data-course="catalog"] .preview-note { margin:5px 0!important; line-height:1.5!important; }
body[data-focus-view="lesson"][data-course="catalog"] .author-credit { margin:4px 0 0!important; gap:2px!important; }
body[data-focus-view="lesson"][data-course="catalog"] .author-credit p { margin:0!important; }
@media(max-width:1099px) { body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card { height:104px!important; } }
@media(max-width:699px) { body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card { grid-template-columns:1fr!important; grid-template-rows:48px 30px auto!important; height:120px!important; padding:14px 6px 6px!important; gap:2px!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-letter { grid-column:1!important; grid-row:1!important; font-size:44px!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>b { grid-column:1!important; grid-row:2!important; font-size:18px!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-meter { display:none!important; } body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>small:last-child { font-size:11px!important; } }
@media(max-width:359px) { body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(min-width:1100px) {
 body[data-focus-view="lesson"][data-course="catalog"] main { margin-top:0!important; padding-block:8px!important; }
 body[data-focus-view="lesson"][data-course="catalog"] #activity .activity-header>div { display:flex!important; justify-content:space-between!important; align-items:center!important; gap:16px!important; width:100%!important; }
 body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card { height:auto!important; min-height:clamp(88px,calc((100dvh - 245px)/4),114px)!important; grid-template-rows:1fr auto!important; padding:8px 10px 6px!important; row-gap:2px!important; }
 body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card>small:not(:first-of-type),body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card.demo-locked-letter .demo-card-status { grid-row:2!important; }
 body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card .chapter-meter { position:absolute!important; bottom:2px!important; inset-inline:10px!important; width:auto!important; height:2px!important; }
 body[data-focus-view="lesson"][data-course="catalog"] .author-credit { display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; justify-content:center!important; align-items:center!important; gap:4px 8px!important; font-size:11px!important; line-height:1.5!important; }
}
@media(max-width:699px) { body[data-focus-view="lesson"][data-course="catalog"] #activity .chapter-card { height:auto!important; min-height:132px!important; } }
}