.tunesera-browse{--browse-accent:var(--accent,var(--wp--preset--color--primary,var(--ast-global-color-0,currentColor)));--browse-surface:var(--panel,transparent);--browse-ink:var(--ink,currentColor);--browse-muted:var(--muted,currentColor);--browse-line:var(--line,color-mix(in srgb,currentColor 14%,transparent));--browse-soft:var(--bg,transparent);color:inherit;font-family:inherit;container-type:inline-size}
.tunesera-browse-heading :is(h1,h2,h3,h4,h5,h6){font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.04em;margin:0 0 10px}.tunesera-browse-heading p{font-size:16px;color:var(--browse-muted);margin:0 0 20px}.tunesera-browse-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:14px}.tunesera-browse-search{display:flex;align-items:center;gap:12px;flex:1;max-width:590px;background:var(--browse-surface);border:1px solid var(--browse-line);border-radius:12px;padding:0 16px;height:48px}.tunesera-browse-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--browse-ink);font-size:15px}.tunesera-browse-search:focus-within{outline:2px solid var(--browse-accent);outline-offset:2px}.tunesera-browse-total{margin-left:auto;font-size:14px;color:var(--browse-muted);white-space:nowrap}.tunesera-browse-toolbar select{height:48px;padding:0 16px;border:1px solid var(--browse-line);border-radius:12px;background:var(--browse-surface);color:var(--browse-ink);font-size:14px}.tunesera-browse-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:20px;padding:6px 10px;background:var(--browse-surface);border:1px solid var(--browse-line);border-radius:12px}.tunesera-browse-tabs button{flex:1;border:0;border-radius:999px;background:transparent;color:var(--browse-muted);font-size:12px;padding:7px 9px;cursor:pointer;white-space:nowrap}.tunesera-browse-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--browse-accent) 12%,var(--browse-surface));color:var(--browse-accent)}.tunesera-browse-tabs.is-categories{border:0;background:transparent;padding:0;gap:10px}.tunesera-browse-tabs.is-categories button{flex:none;padding:8px 18px;border:1px solid var(--browse-line);background:var(--browse-surface);font-size:14px}.tunesera-browse-tabs.is-categories button[aria-pressed=true]{background:var(--browse-accent);border-color:var(--browse-accent);color:white}.tunesera-browse-grid{display:grid;grid-template-columns:repeat(var(--browse-columns,4),minmax(0,1fr));gap:14px}.tunesera-browse-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:90px;padding:16px;background:var(--browse-surface);border:1px solid var(--browse-line);border-radius:12px;transition:background .15s,border-color .15s}.tunesera-browse-card[hidden]{display:none}.tunesera-browse-card:hover,.tunesera-browse-card:focus-visible{border-color:var(--browse-accent);background:color-mix(in srgb,var(--browse-accent) 5%,var(--browse-surface));outline:none}.tunesera-browse-art{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:10px;background:color-mix(in srgb,var(--browse-accent) 9%,var(--browse-surface));color:var(--browse-accent)}.tunesera-browse-art.is-flag{background:transparent;font-size:36px}.tunesera-browse-art .tunesera-browse-icon{width:26px;height:26px;margin:0}.tunesera-browse-art .tunesera-language-icon{background:transparent;font-size:14px;white-space:nowrap}.tunesera-browse-copy{display:flex;flex-direction:column;min-width:0;gap:5px}.tunesera-browse-copy strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.tunesera-browse-copy small{font-size:13px;line-height:1.4;color:var(--browse-muted);font-variant-numeric:tabular-nums}.tunesera-browse-arrow{margin-left:auto;font-size:24px;color:var(--browse-muted);flex:none}.tunesera-browse-tabs button:focus-visible{outline:2px solid var(--browse-accent);outline-offset:1px}
@container(max-width:900px){.tunesera-browse-grid{grid-template-columns:repeat(var(--browse-tablet-columns,3),minmax(0,1fr))}}@container(max-width:760px){.tunesera-browse-grid{grid-template-columns:repeat(var(--browse-small-columns,2),minmax(0,1fr))}.tunesera-browse-toolbar{flex-wrap:wrap;gap:12px}.tunesera-browse-search{max-width:none;flex-basis:100%}.tunesera-browse-total{margin-left:0}.tunesera-browse-toolbar select{margin-left:auto}}@container(max-width:440px){.tunesera-browse-grid{grid-template-columns:1fr}.tunesera-browse-heading :is(h1,h2,h3,h4,h5,h6){font-size:30px}}


.tunesera-browse [hidden]{display:none!important}.tunesera-browse-search svg{width:20px;height:20px;flex:none}.tunesera-browse :is(input,select,button){font-family:inherit}.tunesera-browse-art .tunesera-browse-icon{margin:0}.tunesera-browse-palette{display:none!important}

.tunesera-browse .tunesera-browse-card{color:inherit;text-decoration:none}.tunesera-browse .tunesera-browse-copy strong{color:inherit}.tunesera-browse .tunesera-browse-search input{margin:0;padding:0;box-shadow:none;height:auto}.tunesera-browse .tunesera-browse-tabs button{line-height:1.5}.tunesera-browse .tunesera-browse-art svg{flex:none}
/* Keep theme form defaults from stretching sorting or collapsing search. */
.tunesera-browse .tunesera-browse-toolbar select{width:auto!important;min-width:160px;max-width:220px;flex:0 0 auto;margin:0;box-shadow:none}
.tunesera-browse .tunesera-browse-card,.tunesera-browse .tunesera-browse-card:hover{text-decoration:none!important}
.tunesera-browse .tunesera-browse-tabs button{box-shadow:none}
.tunesera-browse .tunesera-browse-search{box-sizing:border-box;min-width:0}
.tunesera-browse .tunesera-browse-search input{border:0!important;width:100%!important;min-width:0;box-sizing:border-box}
.tunesera-browse+.tunesera-browse{margin-top:40px}

.tunesera-browse .tunesera-browse-search input { background:transparent!important;color:inherit;font:inherit;font-size:15px; }
.tunesera-browse .tunesera-browse-tabs button { text-transform:none;font-weight:500;letter-spacing:normal; }
@media(max-width:600px){
 .tunesera-browse :is(input,select){font-size:16px!important}
 .tunesera-browse-tabs button{min-height:44px;flex-shrink:0}
 .tunesera-browse .tunesera-browse-toolbar select{min-width:0;max-width:100%;min-height:44px}
}