.topic-hero[data-astro-cid-zyo4bjwi]{display:flex;gap:var(--cp-space-5);align-items:flex-start;margin-bottom:var(--cp-space-5)}.topic-state-note[data-astro-cid-zyo4bjwi]{margin-top:calc(-1 * var(--cp-space-2));margin-bottom:var(--cp-space-5);font-size:var(--cp-text-sm);color:var(--cp-text2);border-color:color-mix(in srgb,var(--cp-status-beta-text) 35%,var(--cp-border));background:color-mix(in srgb,var(--cp-status-beta-bg) 55%,transparent);padding:var(--cp-space-2) var(--cp-space-3);max-width:56ch}.topic-hero__icon[data-astro-cid-zyo4bjwi]{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--cp-r-3);background:color-mix(in srgb,var(--cp-accent) 8%,transparent);color:var(--cp-accent);flex-shrink:0}.topic-hero__text[data-astro-cid-zyo4bjwi]{display:grid;gap:var(--cp-space-2)}.topic-hero[data-astro-cid-zyo4bjwi] h1[data-astro-cid-zyo4bjwi]{margin:0;font-size:1.9rem}.topic-hero__desc[data-astro-cid-zyo4bjwi]{margin:0;color:var(--cp-text2);max-width:72ch;line-height:1.5}.topic-hero__stats[data-astro-cid-zyo4bjwi]{display:flex;gap:var(--cp-space-3)}.topic-hero__stat[data-astro-cid-zyo4bjwi]{display:inline-flex;align-items:baseline;gap:4px}.topic-hero__stat-value[data-astro-cid-zyo4bjwi]{font-family:var(--cp-font-mono);font-size:var(--cp-text-xl);font-weight:var(--cp-font-semibold);color:var(--cp-accent-amber)}.topic-hero__stat-unit[data-astro-cid-zyo4bjwi]{font-size:var(--cp-text-sm);color:var(--cp-accent-ice)}.topic-order[data-astro-cid-zyo4bjwi]{margin-bottom:var(--cp-space-5);padding:var(--cp-space-4);border-radius:var(--cp-r-2);border:1px solid var(--cp-border);background:var(--cp-bg1)}.topic-order[data-astro-cid-zyo4bjwi] h2[data-astro-cid-zyo4bjwi]{margin:0 0 var(--cp-space-1);font-size:var(--cp-text-lg)}.topic-order__note[data-astro-cid-zyo4bjwi]{margin:0 0 var(--cp-space-3);font-size:var(--cp-text-sm);color:var(--cp-muted)}.topic-order__list[data-astro-cid-zyo4bjwi]{margin:0;padding-left:20px;line-height:1.8}.topic-order__list[data-astro-cid-zyo4bjwi] a[data-astro-cid-zyo4bjwi]{color:var(--cp-text);text-decoration:none;font-weight:var(--cp-font-medium)}.topic-order__list[data-astro-cid-zyo4bjwi] a[data-astro-cid-zyo4bjwi]:hover{color:var(--cp-accent)}.topic-order__time[data-astro-cid-zyo4bjwi]{font-family:var(--cp-font-mono);font-size:.75rem;color:var(--cp-muted);margin-left:var(--cp-space-2)}.topic-demos[data-astro-cid-zyo4bjwi] h2[data-astro-cid-zyo4bjwi]{margin:0 0 var(--cp-space-4)}.topic-demos__head[data-astro-cid-zyo4bjwi]{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--cp-space-3)}.topic-demos__filter[data-astro-cid-zyo4bjwi]{font-size:var(--cp-text-sm);color:var(--cp-accent)}.topic-demos__grid[data-astro-cid-zyo4bjwi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--cp-space-6)}.collapsible[data-astro-cid-zyo4bjwi]{margin-top:var(--cp-space-5);border:1px solid var(--cp-border);border-radius:var(--cp-r-2);overflow:hidden}.collapsible__trigger[data-astro-cid-zyo4bjwi]{display:flex;align-items:center;gap:var(--cp-space-2);padding:var(--cp-space-3) var(--cp-space-4);cursor:pointer;list-style:none;transition:background var(--cp-transition-fast) var(--cp-ease-out)}.collapsible__trigger[data-astro-cid-zyo4bjwi]::-webkit-details-marker{display:none}.collapsible__trigger[data-astro-cid-zyo4bjwi]:before{content:"▶";font-size:.65em;color:var(--cp-muted);transition:transform var(--cp-transition-fast) var(--cp-ease-out)}.collapsible[data-astro-cid-zyo4bjwi][open]>.collapsible__trigger[data-astro-cid-zyo4bjwi]:before{transform:rotate(90deg)}.collapsible__trigger[data-astro-cid-zyo4bjwi]:hover{background:color-mix(in srgb,var(--cp-text) 4%,transparent)}.collapsible__heading[data-astro-cid-zyo4bjwi]{margin:0;font-size:var(--cp-text-lg)}.collapsible__body[data-astro-cid-zyo4bjwi]{padding:0 var(--cp-space-4) var(--cp-space-4)}.collapsible__note[data-astro-cid-zyo4bjwi]{margin:0 0 var(--cp-space-2);font-size:var(--cp-text-sm);color:var(--cp-muted)}.collapsible__list[data-astro-cid-zyo4bjwi]{margin:0;padding-left:18px;color:var(--cp-text2);line-height:1.6}.collapsible__list[data-astro-cid-zyo4bjwi] li[data-astro-cid-zyo4bjwi]{margin:var(--cp-space-1) 0}.topic-playlists[data-astro-cid-zyo4bjwi]{margin-top:var(--cp-space-5)}.topic-playlists[data-astro-cid-zyo4bjwi] h2[data-astro-cid-zyo4bjwi]{margin:0 0 var(--cp-space-3)}.topic-playlists__grid[data-astro-cid-zyo4bjwi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--cp-space-3)}.topic-playlist-card[data-astro-cid-zyo4bjwi]{display:block;padding:var(--cp-space-3) var(--cp-space-4);text-decoration:none;transition:background var(--cp-transition-fast) var(--cp-ease-out),border-color var(--cp-transition-fast) var(--cp-ease-out)}.topic-playlist-card[data-astro-cid-zyo4bjwi]:hover{background:color-mix(in srgb,var(--cp-text) 3%,transparent);border-color:var(--cp-accent)}.topic-playlist-card[data-astro-cid-zyo4bjwi] h3[data-astro-cid-zyo4bjwi]{margin:0;font-size:var(--cp-text-md);color:var(--cp-title)}.topic-playlist-card[data-astro-cid-zyo4bjwi]:hover h3[data-astro-cid-zyo4bjwi]{color:var(--cp-title-strong)}.topic-playlist-card__meta[data-astro-cid-zyo4bjwi]{margin:var(--cp-space-1) 0 0;font-size:var(--cp-text-sm);color:var(--cp-muted)}@media (max-width: 600px){.topic-hero[data-astro-cid-zyo4bjwi]{flex-direction:column;gap:var(--cp-space-3)}.topic-hero__icon[data-astro-cid-zyo4bjwi]{width:56px;height:56px}}