/* Directory presentation aligned with the revamped homepage. */
:root{--g-black:#020617;--g-surface:#0f172a;--g-surface-2:#111c31;--g-surface-3:#17233a;--g-surface-4:#20304a;--g-white:#f8fafc;--g-text:#f8fafc;--g-text-muted:#cbd5e1;--g-text-dim:#94a3b8;--g-accent:#00BFFF;--g-accent-light:rgba(14,165,233,.1);--g-border:rgba(255,255,255,.13);--g-border-light:rgba(255,255,255,.2);--g-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--g-serif:var(--g-font)}
body{background:#020617;color:#f8fafc}
.g-nav{position:relative;background:#020617;border-bottom:1px solid var(--g-border);height:auto;z-index:40}
.g-nav-inner{width:min(1120px,calc(100% - 40px));max-width:none;min-height:78px;margin:auto;padding:0;gap:20px}
.g-nav-logo img{height:42px;width:auto;max-width:130px}
.g-nav-links{gap:18px;flex-wrap:wrap;justify-content:flex-end}
.g-nav-links a{font-size:14px;color:#cbd5e1;white-space:nowrap}
.g-nav-links a.active{color:#00BFFF}
.g-nav-menu-auth,.g-nav-menu-auth+.g-nav-menu-auth{margin:0;padding:0;border:0}
.g-nav-links .g-nav-cta{background:#00BFFF;color:#fff;padding:14px 20px;border-radius:11px;font-weight:750}
.g-page{width:min(1120px,calc(100% - 40px));margin:auto;padding:0 0 70px;min-height:65vh}
.g-page-hero{max-width:none;padding:64px 0 36px}
.directory-eyebrow{display:block;color:#00BFFF;font-size:12px;font-weight:800;letter-spacing:1.7px;margin-bottom:18px}
.g-page-hero h1{font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.04}
.g-page-hero h1 em{font-style:normal;color:#00BFFF}
.g-page-hero p{font-size:17px;line-height:1.65;max-width:690px;margin-top:20px}
.directory-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.directory-actions a{font-size:14px;font-weight:700}
.btn-main{background:#00BFFF;color:white}
.filters-bar{max-width:none;margin:0 0 28px;padding:20px;background:#0f172a;border:1px solid var(--g-border);border-radius:18px;gap:12px}
.dir-search-wrap{max-width:none;min-width:180px}
.dir-search,.filter-select{min-height:44px;background-color:#020617;border:1px solid var(--g-border);color:#f8fafc}
.filter-pill{min-height:44px;border-color:var(--g-border)}
.artist-grid{max-width:none;padding:0;gap:20px}
.artist-grid .feed-card{background:#0f172a;border:1px solid var(--g-border);border-radius:18px}
.feed-card-name{font-family:var(--g-font);font-weight:750}
.skeleton-shimmer{background:#17233a;animation:none}
.filter-drawer{background:#0f172a}
.g-footer{background:#020617;padding:28px 20px}
.g-footer-inner{max-width:1120px}.g-footer-links{flex-wrap:wrap}
:where(a,button,input,select):focus-visible{outline:3px solid #00BFFF;outline-offset:3px}
@media(min-width:0px){
.g-nav-right{display:flex;margin-left:auto}.g-nav-menu-btn{display:block;border:1px solid var(--g-border)}.g-nav-mobile-login{display:block}.g-nav-links{display:none}
.g-nav-links.open{display:flex;position:absolute;top:70px;right:14px;left:auto;width:min(300px,calc(100vw - 28px));max-height:calc(100svh - 90px);overflow-y:auto;flex-direction:column;align-items:stretch;background:#0f172a;border:1px solid var(--g-border);border-radius:16px;padding:12px;gap:0}
.g-nav-links.open a{display:block;padding:12px;border-radius:8px}.g-nav-links.open .g-nav-menu-auth+.g-nav-menu-auth{border:0;padding:0;margin:0}
}
@media(max-width:600px){.g-nav-inner,.g-page{width:calc(100% - 28px)}.g-nav-inner{min-height:70px}.g-page-hero{padding:36px 0 26px}.g-page-hero p{font-size:15px}.filters-bar{padding:14px}.dir-search-wrap{flex-basis:100%}.artist-grid{gap:12px}.g-footer-left{align-items:flex-start}.g-footer-links{gap:16px}}