.grid.svelte-va08c{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:24px;display:grid}.card.svelte-va08c{color:inherit;cursor:pointer;border:1px solid #ffffff59;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.card.svelte-va08c:hover{border-color:var(--pico-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.card.article.svelte-va08c{background:#265f6d}.card.player.svelte-va08c{background:#2f4e36}.card.svelte-va08c img:where(.svelte-va08c){object-fit:cover;border-radius:8px;width:calc(100% - 8px);height:140px;margin:4px;display:block}.content.svelte-va08c{color:#fff;padding:8px 12px 12px}.field.svelte-va08c{align-items:baseline;gap:6px;margin-bottom:6px;font-size:.85rem;display:flex}.label.svelte-va08c{opacity:.65;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.7rem;font-weight:600}.field.svelte-va08c h2:where(.svelte-va08c){color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.field.svelte-va08c p:where(.svelte-va08c){color:#fff;margin:0;font-size:.85rem;font-weight:500}.group-sidebar.svelte-14rybuh{flex-direction:column;gap:2px;padding:.5rem;display:flex}.item.svelte-14rybuh{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--theme-text);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.95rem;display:flex}.item.svelte-14rybuh:hover{background:#ffffff0f}.item.active.svelte-14rybuh{background:var(--theme-accent);color:#fff;font-weight:600}.name.svelte-14rybuh{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.count.svelte-14rybuh{opacity:.7;flex-shrink:0;font-size:.75rem}.course-page.svelte-d529bq{--topbar-h:52px;background:var(--theme-panel);min-height:100vh;color:var(--theme-text)}.message.svelte-d529bq{padding:2rem}.topbar.svelte-d529bq{z-index:20;height:var(--topbar-h);box-sizing:border-box;background:var(--theme-panel);border-bottom:1px solid var(--theme-border);align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.course-title.svelte-d529bq{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.1rem;overflow:hidden}.bar-btn.svelte-d529bq{width:auto;margin:0;padding:.35rem .8rem;font-size:.9rem}.layout.svelte-d529bq{align-items:flex-start;display:flex}.sidebar.svelte-d529bq{width:260px;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));border-right:1px solid var(--theme-border);background:var(--theme-panel);flex-shrink:0;position:sticky;overflow-y:auto}.sidebar.drawer.svelte-d529bq{z-index:40;width:min(80vw,300px);height:100vh;position:fixed;top:0;left:0;box-shadow:4px 0 16px #0006}.backdrop.svelte-d529bq{z-index:30;background:#00000080;position:fixed;inset:0}.body.svelte-d529bq{flex:1;min-width:0;padding:1rem}.group-heading.svelte-d529bq{margin:0;font-size:1.25rem}.group-heading.svelte-d529bq span:where(.svelte-d529bq){opacity:.65;font-size:.9rem;font-weight:400}.overlay.svelte-d529bq{z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:4rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.info-panel.svelte-d529bq{box-sizing:border-box;background:var(--theme-panel);border:1px solid var(--theme-border);border-radius:12px;width:min(100%,900px);padding:1rem;position:relative}.close.svelte-d529bq{z-index:1;width:auto;margin:0;padding:.25rem .6rem;position:absolute;top:.5rem;right:.5rem}