.learn.svelte-8s3559{max-width:var(--container-max);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16)}.hero.svelte-8s3559{margin-bottom:var(--space-8)}.hero-title.svelte-8s3559{margin:0 0 var(--space-2);font-size:var(--text-3xl);font-weight:var(--fw-semibold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-fg)}.hero-sub.svelte-8s3559{margin:0;color:var(--color-fg-muted);font-size:var(--text-base)}.layout.svelte-8s3559{display:grid;grid-template-columns:240px 1fr;gap:var(--space-10);align-items:start}@media(max-width:860px){.layout.svelte-8s3559{grid-template-columns:1fr;gap:var(--space-6)}}.sidebar.svelte-8s3559{position:sticky;top:calc(var(--header-h) + var(--space-6));background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}@media(max-width:860px){.sidebar.svelte-8s3559{position:static}}.sidebar-label.svelte-8s3559{margin:0 0 var(--space-2);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted)}.subject-nav.svelte-8s3559{display:flex;flex-direction:column;gap:2px}.subject-item.svelte-8s3559{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-3);text-align:left;font-size:var(--text-sm);font-weight:var(--fw-normal);color:var(--color-fg-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.subject-item.svelte-8s3559:hover{background:var(--color-bg-muted);color:var(--color-fg)}.subject-item.active.svelte-8s3559{background:var(--accent-bg);color:var(--accent);font-weight:var(--fw-medium)}.subject-dot.svelte-8s3559{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-fg-subtle);flex-shrink:0}.subject-item.active.svelte-8s3559 .subject-dot:where(.svelte-8s3559){background:var(--accent)}.subject-text.svelte-8s3559{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-count.svelte-8s3559{font-size:var(--text-xs);color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.subject-item.active.svelte-8s3559 .subject-count:where(.svelte-8s3559){color:var(--accent);opacity:.75}.subject-header.svelte-8s3559{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.subject-title.svelte-8s3559{margin:0 0 var(--space-1);font-size:var(--text-2xl);font-weight:var(--fw-semibold);line-height:var(--leading-tight);color:var(--color-fg)}.subject-sub.svelte-8s3559{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted)}.topic-list.svelte-8s3559{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.topic-card.svelte-8s3559{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);color:inherit;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.topic-card.svelte-8s3559:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.topic-icon.svelte-8s3559{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent);flex-shrink:0}.topic-body.svelte-8s3559{display:flex;flex-direction:column;gap:2px;min-width:0}.topic-title.svelte-8s3559{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--color-fg);line-height:var(--leading-snug)}.topic-desc.svelte-8s3559{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:var(--leading-normal);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.topic-date.svelte-8s3559{font-size:var(--text-xs);color:var(--color-fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:520px){.topic-date.svelte-8s3559{display:none}}.empty.svelte-8s3559{padding:var(--space-10);text-align:center;color:var(--color-fg-muted);font-size:var(--text-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md)}