/* v9.1.3 — PREMIUM LISTING LAYER (search / category / archive).
 * Presentation only, scoped to .tgl-listing-page. Uses existing theme tokens.
 * Loaded last so it overrides inherited centred h2 rules. Safe to delete. */
.tgl-listing-page{--lp-navy:var(--tgl-navy,#001B44);--lp-gold:var(--tgl-gold,#F2A900);--lp-line:var(--tgl-line,rgba(0,27,68,.10));--lp-card:var(--tgl-card,#fff);--lp-muted:var(--tgl-muted,#64748B);}

/* Header card */
.tgl-listing-page .tgl-listing-head{position:relative;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;padding:22px 24px 20px !important;margin:0 0 18px !important;box-shadow:0 1px 2px rgba(0,27,68,.04),0 8px 24px -16px rgba(0,27,68,.18);overflow:hidden;text-align:left !important;}
.tgl-listing-page .tgl-listing-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--lp-gold),var(--lp-navy));}
.tgl-listing-page .tgl-listing-head__eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px !important;font-size:11.5px !important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-gold) !important;}
.tgl-listing-page .tgl-listing-head__title{margin:0 !important;text-align:left !important;font-size:clamp(24px,3vw,32px) !important;line-height:1.2 !important;font-weight:800;color:var(--lp-navy);letter-spacing:-.01em;}
.tgl-listing-page .tgl-listing-head__count{display:inline-flex;align-items:center;margin:10px 0 0 !important;padding:3px 12px;border-radius:999px;font-size:12.5px !important;font-weight:700;color:var(--lp-navy) !important;background:rgba(242,169,0,.14);}
.tgl-listing-page .tgl-listing-head__desc{margin:12px 0 0 !important;font-size:14.5px;line-height:1.6;color:var(--lp-muted);max-width:68ch;}
.tgl-listing-page .tgl-search-form{display:flex;gap:8px;margin-top:16px !important;max-width:620px;}
.tgl-listing-page .tgl-search-form input[type=search]{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid var(--lp-line);border-radius:12px;font-size:15px;background:var(--lp-card);color:inherit;}
.tgl-listing-page .tgl-search-form input[type=search]:focus{outline:none;border-color:var(--lp-gold);box-shadow:0 0 0 3px rgba(242,169,0,.18);}
.tgl-listing-page .tgl-search-form button{height:46px;border-radius:12px !important;padding:0 20px !important;}

/* List container */
.tgl-listing-page .tgl-listing{list-style:none;margin:0 0 18px !important;padding:0 !important;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(0,27,68,.04),0 8px 24px -18px rgba(0,27,68,.18);}

/* Rows — everything left-aligned on one rail */
.tgl-listing-page .tgl-srow{display:grid !important;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:0 14px !important;padding:16px 20px !important;border-bottom:1px solid var(--lp-line);text-align:left !important;transition:background-color .15s ease;}
.tgl-listing-page .tgl-srow:last-child{border-bottom:0;}
.tgl-listing-page .tgl-srow:hover{background:rgba(242,169,0,.05);}
.tgl-listing-page .tgl-srow__no{grid-column:1;display:inline-flex !important;align-items:center;justify-content:center;width:32px;height:32px;min-width:0 !important;margin-top:1px;border-radius:10px;font-size:13px !important;font-weight:800;color:var(--lp-navy) !important;background:rgba(242,169,0,.14);font-variant-numeric:tabular-nums;}
.tgl-listing-page .tgl-srow:hover .tgl-srow__no{background:var(--lp-gold);}
.tgl-listing-page .tgl-srow__body{grid-column:2;text-align:left !important;}
.tgl-listing-page .tgl-srow__title{margin:0 !important;text-align:left !important;font-size:17px !important;line-height:1.45 !important;font-weight:700;}
.tgl-listing-page .tgl-srow__title a{color:var(--lp-navy);text-decoration:none !important;}
.tgl-listing-page .tgl-srow__title a:hover,.tgl-listing-page .tgl-srow__title a:focus-visible{color:var(--lp-gold);text-decoration:none !important;}
.tgl-listing-page .tgl-srow__translit{text-align:left !important;margin:2px 0 0 !important;}
.tgl-listing-page .tgl-srow__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start !important;gap:6px 8px;margin:8px 0 0 !important;font-size:13px;}
.tgl-listing-page .tgl-srow__artist{display:inline-flex;align-items:center;gap:5px;opacity:1 !important;color:var(--lp-muted);font-weight:600;}
.tgl-listing-page .tgl-srow__artist::before{content:"♪";color:var(--lp-gold);font-size:12px;}
.tgl-listing-page .tgl-srow__chip{display:inline-flex;align-items:center;padding:2px 10px !important;border-radius:999px !important;border:1px solid var(--lp-line) !important;background:rgba(0,27,68,.04);font-size:12px !important;font-weight:600;color:var(--lp-navy) !important;text-decoration:none !important;}
.tgl-listing-page .tgl-srow__chip:hover{border-color:var(--lp-gold) !important;background:rgba(242,169,0,.12);}

/* Mobile */
@media (max-width:640px){
 .tgl-listing-page .tgl-listing-head{padding:18px 16px 16px !important;border-radius:14px;}
 .tgl-listing-page .tgl-listing{border-radius:14px;}
 .tgl-listing-page .tgl-srow{grid-template-columns:28px minmax(0,1fr);gap:0 10px !important;padding:13px 14px !important;}
 .tgl-listing-page .tgl-srow__no{width:26px;height:26px;border-radius:8px;font-size:12px !important;}
 .tgl-listing-page .tgl-srow__title{font-size:15.5px !important;}
 .tgl-listing-page .tgl-search-form button{padding:0 14px !important;}
}

/* Dark mode */
html[data-theme="dark"] .tgl-listing-page .tgl-srow__title a,html[data-theme="dark"] .tgl-listing-page .tgl-listing-head__title,html[data-theme="dark"] .tgl-listing-page .tgl-srow__chip,html[data-theme="dark"] .tgl-listing-page .tgl-listing-head__count,html[data-theme="dark"] .tgl-listing-page .tgl-srow__no{color:#E2E8F0 !important;}
html[data-theme="dark"] .tgl-listing-page .tgl-srow__chip{background:rgba(226,232,240,.06);}