/* Compose the site's existing theme tokens and music controls. */
.discovery-page-entry { display:inline-flex; align-items:center; gap:8px; margin:0 0 20px; color:var(--accent); text-decoration:none; min-height:44px; font-weight:650; }
.discovery-page-entry svg { width:18px; height:18px; }
.discovery-page-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0 0 18px; font-size:13px; color:var(--muted); }
.discovery-page-breadcrumb a { padding:8px 0; color:inherit; text-decoration:none; }
.discovery-page-hero { padding:clamp(24px,4vw,48px); background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel)); }
.discovery-page-hero h1 { font-size:clamp(28px,4vw,44px); line-height:1.15; margin:12px 0 18px; letter-spacing:-.03em; }
.discovery-page-hero>p:last-child { color:var(--muted); max-width:780px; line-height:1.7; margin:0; }
.discovery-page-group,.discovery-page-related { margin-top:32px; }
.discovery-page-group h2,.discovery-page-related h2 { font-size:20px; margin:0 0 16px; }
.discovery-page-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:12px; }
.discovery-page-card { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--panel); color:var(--text); text-decoration:none; transition:background .18s,border-color .18s,transform .18s; }
.discovery-page-card:hover { background:var(--panel-2); border-color:var(--accent); transform:translateY(-2px); }
.discovery-page-card-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:color-mix(in srgb,var(--accent) 12%,transparent); color:var(--accent); }
.discovery-page-card-icon svg { width:22px; height:22px; }
.discovery-page-card>span>strong,.discovery-page-card>span>span { display:block; overflow-wrap:anywhere; }
.discovery-page-card strong { font-size:16px; margin-bottom:5px; }
.discovery-page-card>span>span,.discovery-page-card small { color:var(--muted); font-size:12px; line-height:1.5; }
.discovery-page-card small { grid-column:2; }
.discovery-page-card>svg { grid-column:3; grid-row:1/3; width:18px; height:18px; color:var(--muted); }
.discovery-page-criteria { margin:20px 0 28px; color:var(--muted); font-size:13px; line-height:1.6; }
.discovery-page-entry:focus-visible,.discovery-page-card:focus-visible,.discovery-page-breadcrumb a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@media(max-width:600px) { .discovery-page-card { padding:16px; } .discovery-page-hero { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce) { .discovery-page-card { transition:none; } .discovery-page-card:hover { transform:none; } }