:root{--bg:#090b12;--bg2:#111522;--card:#151a29;--text:#f5f7ff;--muted:#a9b0c4;--accent:#7c4de8;--accent2:#28e0c3;--border:#2a3042;--radius:18px;--container:1180px;--shadow:0 20px 50px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#1b1335 0,transparent 30%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent2)}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--container));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;color:#000;padding:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:1.2rem;letter-spacing:-.03em}.brand span{color:var(--accent2)}.main-nav{display:flex;gap:24px;align-items:center}.nav-toggle{display:none;background:var(--card);border:1px solid var(--border);color:#fff;border-radius:10px;padding:8px 12px}.hero{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{color:var(--accent2);text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.14em}.hero h1,.page-hero h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95;letter-spacing:-.06em;margin:.2em 0}.hero p,.page-hero p{font-size:1.15rem;color:var(--muted);max-width:720px}.hero-art{min-height:360px;border-radius:32px;background:radial-gradient(circle at 35% 35%,#28e0c3,transparent 18%),radial-gradient(circle at 68% 55%,#8d5cff,transparent 24%),linear-gradient(135deg,#161b2b,#090b12);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(141,92,255,.08),0 0 0 84px rgba(40,224,195,.05)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#6534dd);font-weight:800;border:0;color:white}.button.secondary{background:transparent;border:1px solid var(--border)}section{padding:56px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head h2{font-size:clamp(1.8rem,4vw,3rem);margin:0;letter-spacing:-.04em}.section-head p{color:var(--muted);max-width:640px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card-media-link{display:block;color:inherit}.card-media-link:hover{color:inherit}.card-media-link:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}.card-media{aspect-ratio:16/10;background:#0f1320;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;min-height:190px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(40,224,195,.24),transparent 25%),radial-gradient(circle at 70% 70%,rgba(141,92,255,.27),transparent 30%),#101522;color:#fff;font-weight:900;letter-spacing:.25em}.card-body{padding:20px}.card h3{margin:0 0 8px;font-size:1.35rem}.card p{color:var(--muted);margin:.4em 0}.meta{font-size:.84rem;color:var(--accent2);font-weight:700}.page-hero{padding:64px 0 32px}.page-hero h1{font-size:clamp(2.6rem,6vw,4.8rem)}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:var(--card);padding:16px;border:1px solid var(--border);border-radius:var(--radius);margin:12px 0 28px}.filters input,.filters select,.search-box input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;background:#0c101a;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px}.filters button{cursor:pointer}.breadcrumbs{padding-top:24px}.breadcrumbs ol{display:flex;gap:8px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.9rem}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:#555e74}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#20263a;border:1px solid #333b54;font-size:.85rem;line-height:1.2}.chip.active,.chip[aria-current="page"]{background:linear-gradient(135deg,var(--accent),#6534dd);border-color:transparent;color:#fff;font-weight:800}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.prose{font-size:1.06rem}.prose h2{font-size:2rem;letter-spacing:-.03em;margin-top:2em}.prose h3{font-size:1.35rem}.sidebar-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.sidebar-card h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.fact-list{display:grid;gap:8px}.fact-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:8px 0}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.pagination a{border:1px solid var(--border);padding:8px 12px;border-radius:9px}.pagination a.active{background:var(--accent)}.site-footer{margin-top:80px;border-top:1px solid var(--border);background:#070910;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.site-footer h2{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.site-footer a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;color:var(--muted)}.alert{padding:12px 15px;border-radius:10px;margin:10px 0;background:#172135;border:1px solid #2c3d62}.alert.success{border-color:#1f7e6e}.alert.error{border-color:#9b3645}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-sidebar{padding:24px;background:#0c101a;border-right:1px solid var(--border)}.admin-sidebar a{display:block;padding:8px 0}.admin-main{padding:28px}.admin-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.admin-form{display:grid;gap:14px;max-width:900px}.admin-form textarea{min-height:140px;resize:vertical}.admin-form .wide{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toolbar{display:flex;gap:6px;flex-wrap:wrap}.toolbar button{background:#1d2435;color:#fff;border:1px solid var(--border);padding:6px 9px;border-radius:7px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px}.muted{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:16px}.stat strong{display:block;font-size:2rem}.search-results{display:grid;gap:12px}.search-result{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px}.search-result .type{text-transform:uppercase;font-size:.72rem;color:var(--accent2);font-weight:800;letter-spacing:.1em}.empty{padding:32px;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}@media(max-width:900px){.hero-grid,.content-layout{grid-template-columns:1fr}.grid,.grid.four{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.hero-art{min-height:260px}}@media(max-width:760px){.main-nav{display:none;position:absolute;left:16px;right:16px;top:64px;background:#0c101a;border:1px solid var(--border);padding:16px;border-radius:14px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-toggle{display:block}}@media(max-width:640px){.grid,.grid.four,.filters,.footer-grid,.form-grid,.stat-grid{grid-template-columns:1fr}.hero{padding-top:56px}.section-head{display:block}.admin-main{padding:18px;overflow:auto}.search-box{display:grid;grid-template-columns:minmax(0,1fr) auto}}.profile-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:36px;align-items:center}.profile-image{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card)}.profile-image img{width:100%;height:100%;object-fit:cover}@media(max-width:800px){.profile-hero{grid-template-columns:1fr}.profile-image{max-width:620px}}

/* Frontend presentation & accessibility QA */
:focus-visible{outline:3px solid var(--accent2);outline-offset:3px;border-radius:4px}
.card h2,.card h3{margin:0 0 8px;font-size:1.35rem;line-height:1.25}
.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}
.breadcrumbs ol{flex-wrap:wrap}
.prose{overflow-wrap:anywhere}
.prose>p,.prose>ul,.prose>ol,.prose>blockquote{max-width:78ch}
.prose a:not(.button):not(.chip){text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;text-decoration-color:rgba(40,224,195,.7)}
.prose a:not(.button):not(.chip):hover{text-decoration-color:currentColor}
.pagination a[aria-current="page"]{font-weight:800}
.search-box{display:flex;gap:10px;align-items:stretch;margin:0 0 28px}
.search-box input{min-height:46px;min-width:0}
.search-box .button{flex:0 0 auto}
::placeholder{color:#7f879d;opacity:1}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px) and (min-width:641px){.main-nav{gap:14px;font-size:.94rem}}
@media(max-width:640px){.page-hero h1{font-size:clamp(2.1rem,12vw,3.2rem);overflow-wrap:anywhere}.fact-list div{align-items:flex-start}.fact-list strong{text-align:right}.breadcrumbs{overflow-wrap:anywhere}}
@media(max-width:420px){.fact-list div{display:block}.fact-list strong{display:block;text-align:left;margin-top:2px}.container{width:min(calc(100% - 24px),var(--container))}}


/* Media licensing, credits and imagery */
.profile-media{margin:0;min-width:0}
.profile-media .profile-image{width:100%}
.media-credit{margin-top:8px;color:var(--muted);font-size:.78rem;line-height:1.45}
.media-credit a{text-decoration:underline;text-underline-offset:.16em}
.article-media{margin:0 0 32px;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--border)}
.article-media>img{width:100%;max-height:680px;object-fit:cover}
.article-media .media-credit{padding:0 16px 12px}
.media-credit-list{display:grid;gap:16px;margin-top:24px}
.media-credit-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.media-credit-card h2{margin-top:0}
.media-credit-card p{max-width:none;margin:.45em 0}
.media-admin input[type=url],.media-admin input[type=date]{width:100%;background:#0c101a;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px}

/* Admin workflow enhancements */
.admin-quickbar{background:#111522;border-bottom:1px solid var(--border);font-size:.9rem}
.admin-quickbar-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.admin-quickbar-user{color:var(--muted)}
.admin-quickbar-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.admin-quickbar-actions a{font-weight:700}
.admin-quickbar-actions .admin-edit-link{color:var(--accent2)}
.admin-heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px}
.admin-filters label{display:grid;gap:5px;min-width:0}
.admin-filters label>span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.admin-filters input,.admin-filters select{width:100%;background:#0c101a;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 11px}
.admin-filter-search{grid-column:span 2}
.admin-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-table-wrap{overflow:auto;border-radius:14px}
.admin-table{min-width:760px}
.admin-row-actions{white-space:nowrap}
.admin-row-actions form{display:inline}
.link-danger{background:none;border:0;color:#ff9aa8;cursor:pointer;padding:0;font:inherit}
.link-danger:hover{color:#ffc0c8}
@media(max-width:700px){.admin-quickbar-inner{align-items:flex-start;flex-direction:column;padding-top:9px;padding-bottom:9px}.admin-filter-search{grid-column:span 1}.admin-heading-actions{justify-content:flex-start;margin-top:12px}}


/* Admin workflow polish — Batch 005 */
.admin-dashboard-stats .stat{min-height:108px}
.admin-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.admin-workflow-card{display:grid;gap:4px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px;transition:border-color .15s ease,transform .15s ease}
.admin-workflow-card:hover,.admin-workflow-card:focus-visible{border-color:var(--accent2);transform:translateY(-1px)}
.admin-workflow-card strong{font-size:1.8rem;line-height:1}
.admin-workflow-card span{font-weight:800}
.admin-workflow-card small{color:var(--muted);line-height:1.35}
.admin-shortcuts{display:flex;gap:10px;flex-wrap:wrap}
.admin-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;font-size:.76rem;font-weight:800;line-height:1.2;white-space:nowrap}
.admin-badge-good{background:rgba(40,224,195,.10);border-color:rgba(40,224,195,.34)}
.admin-badge-muted{background:rgba(255,255,255,.035);color:var(--muted)}
.admin-badge-neutral{background:rgba(141,92,255,.10);border-color:rgba(141,92,255,.32)}
@media(max-width:640px){.admin-shortcuts .button{width:100%}.admin-workflow-grid{grid-template-columns:1fr}}


/* Accessibility, responsive and performance polish — Batch 008 */
.admin-sidebar nav[aria-label]{margin-top:14px}
.admin-table-wrap[tabindex]:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
.admin-table th[scope="row"]{font-weight:400}
@media(max-width:420px){.search-box{grid-template-columns:1fr}.search-box .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.admin-main{min-width:0}
.admin-table-wrap{max-width:100%}
@media(max-width:640px){.search-box{display:grid;grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:420px){.search-box{grid-template-columns:1fr}.search-box .button{width:100%}}

/* Release listening & cover media infrastructure — desktop column layout 002 */
.release-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:44px;align-items:start;margin-bottom:34px}
.release-main-column,.release-side-column{min-width:0}
.release-main-column .page-hero{padding:42px 0 24px}
.release-main-column .page-hero h1{margin-bottom:.22em}
.release-main-column .release-listen-section{margin:0 0 34px}
.release-side-column{display:grid;gap:18px;align-content:start;padding-top:42px}
.release-side-media{min-width:0}
.release-profile-card{margin:0;width:100%}
.release-cover{margin:0;min-width:0}
.release-cover>img,.release-cover-placeholder{width:100%;aspect-ratio:1/1;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}
.release-cover>img{display:block;object-fit:cover}
.release-cover-placeholder{display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(145deg,#121827,#0b0f19)}
.release-cover-placeholder span{display:block;font-size:clamp(2.2rem,8vw,4.8rem);font-weight:900;letter-spacing:.08em;color:var(--accent2)}
.release-cover-placeholder small{display:block;margin-top:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.release-platform-artwork{min-width:0;width:100%;max-width:none}
.release-platform-artwork .release-embed{box-shadow:var(--shadow)}
.release-embed-apple_music iframe{height:450px}
.release-listen-section{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.release-listen-section h2{margin-top:0}
.release-listen-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.release-listen-links .button{padding:10px 15px}
.release-embed{position:relative;width:100%;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:#05070b}
.release-embed iframe{display:block;width:100%;height:352px;border:0}
.release-embed-spotify iframe{height:352px}
/* Bandcamp uses the same large-artwork presentation across desktop and mobile. */
.release-embed-bandcamp iframe{height:470px}
.release-embed-bandcamp-tracklist iframe{height:860px}
.release-embed-bandcamp-long-tracklist iframe{height:1080px}
.release-card{overflow:hidden}
.release-card-cover{aspect-ratio:1/1;background:#0b0f19;border-bottom:1px solid var(--border);overflow:hidden}
.release-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
.release-card-cover-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#121827,#0b0f19);color:var(--accent2);font-size:2rem;font-weight:900;letter-spacing:.08em}
.release-admin-section{display:grid;gap:14px;margin-top:34px;max-width:1000px}
.release-admin-section .section-head{margin-bottom:0}
.release-admin-subform{max-width:none}
.release-admin-subform textarea{min-height:90px}
.admin-check{display:flex!important;align-items:center;gap:8px}
.admin-check input{width:auto!important}
.release-admin-cover-preview{max-width:260px}
.release-admin-cover-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--border);border-radius:12px}
.release-embed-bandcamp-tracklist{overflow:hidden}

@media(max-width:800px){
  /* Mobile remains a deliberate single-column reading flow. display:contents
     lets the two independent desktop columns interleave without duplicating
     markup: title -> Bandcamp -> Listen -> profile -> editorial content. */
  .release-detail-layout{display:flex;flex-direction:column;gap:0;margin-bottom:0}
  .release-main-column,.release-side-column{display:contents}
  .release-main-column .page-hero{order:1;padding:34px 0 22px}
  .release-side-media{order:2;margin:0 0 24px}
  .release-listen-section{order:3;margin:0 0 24px}
  .release-profile-card{order:4;margin:0 0 28px}
  .release-content{order:5;margin-top:0}
  .release-cover{max-width:520px}
  .release-platform-artwork{max-width:none}
  .release-embed iframe,.release-embed-spotify iframe{height:320px}
  /* Preserve the approved mobile Bandcamp presentation: large artwork + full track list. */
  .release-embed-bandcamp iframe{height:470px}
  .release-embed-bandcamp-tracklist iframe{height:860px}
  .release-embed-bandcamp-long-tracklist iframe{height:1080px}
}
@media(max-width:520px){
  .release-listen-links .button{width:100%;text-align:center;padding:12px 18px}
  .release-embed iframe,.release-embed-spotify iframe{height:260px}
  .release-embed-bandcamp iframe{height:470px}
  .release-embed-bandcamp-tracklist iframe{height:860px}
  .release-embed-bandcamp-long-tracklist iframe{height:1080px}
}

/* Label logo presentation — aligned with artist/festival media placement */
.label-profile-image{background:#fff}
.label-profile-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;background:#fff}
.label-card-media{background:#fff}
.label-card-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;background:#fff}
@media(max-width:640px){.label-profile-image img{padding:8px}.label-card-media img{padding:8px}}
.media-editorial-caption{display:block;color:var(--text);font-size:.88rem;line-height:1.45;margin-bottom:4px}
.media-credit-line{display:block}


/* Subgenre icon presentation */
.subgenre-profile-hero{align-items:center}
.subgenre-profile-media{justify-self:end;max-width:420px;width:100%}
.subgenre-profile-image{aspect-ratio:1/1;display:grid;place-items:center;padding:clamp(20px,4vw,34px);background:var(--bg)}
.subgenre-profile-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:auto}
@media(max-width:800px){.subgenre-profile-media{justify-self:start;max-width:320px}.subgenre-profile-image{padding:20px}}

.scene-flags{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap;flex:0 0 auto}.scene-flag-img{display:block;width:1.2em;height:auto;max-height:.92em;object-fit:contain;flex:0 0 auto}
.scene-title-link{display:inline-flex;align-items:center;gap:.48em;max-width:100%;vertical-align:top}.scene-title-link .scene-title-text{min-width:0}.scene-title-heading{display:flex;align-items:center;gap:.34em;flex-wrap:nowrap}.scene-title-heading .scene-flags{gap:.16em;background:transparent;padding:0;border-radius:0;box-sizing:border-box;line-height:0}.scene-title-heading .scene-flag-img{width:1.42em;max-height:1.05em;border:0;box-sizing:border-box}.scene-title-heading .scene-title-text{min-width:0}.scene-title-link--related{gap:.42em}

/* Scene profile refinements */
.scene-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.1rem 0 1.5rem;max-width:78ch}.scene-social-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--card);transition:border-color .16s ease,transform .16s ease,background .16s ease}.prose a.scene-social-link{text-decoration:none}.scene-social-link:hover{border-color:rgba(40,224,195,.65);transform:translateY(-1px);background:#171e2e;color:var(--text)}.scene-social-link:focus-visible{outline:3px solid rgba(40,224,195,.6);outline-offset:3px}.scene-social-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#20283c;border:1px solid #343e57;color:var(--accent2);font-size:.72rem;line-height:1;font-weight:900;letter-spacing:.02em}.scene-social-link>span:nth-child(2){min-width:0;display:grid;gap:1px}.scene-social-link strong{font-size:.92rem}.scene-social-link small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-social-arrow{color:var(--muted);font-size:1rem}.internal-entity-link{font-weight:650;text-decoration-color:rgba(124,77,232,.85)!important}.internal-entity-link:hover{text-decoration-color:var(--accent2)!important}
@media(max-width:640px){.scene-social-links{grid-template-columns:1fr}.scene-social-link{padding:11px 12px}.scene-social-link small{white-space:normal}.scene-title-heading{font-size:clamp(2.25rem,12vw,4rem)}}

/* Scene profile refinement */
.scene-profile-card .fact-list strong{max-width:62%;line-height:1.35}
.scene-related-reason{margin-top:.38rem;font-size:.88rem;line-height:1.45}
@media(max-width:420px){.scene-profile-card .fact-list strong{max-width:none}}

.related-reason{margin-top:.4rem;font-size:.86rem;line-height:1.45}


/* Progress20: accessibility, mobile and interaction polish */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
.button,.chip,.nav-toggle,.main-nav a,.site-footer a{min-height:44px}
.main-nav a{display:inline-flex;align-items:center}.site-footer nav a{display:flex;align-items:center;width:max-content;max-width:100%}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
.prose a:not(.button):not(.scene-social-link):not(.internal-entity-link){text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}
.prose img,.article-media img{height:auto}
.article-media{overflow:hidden;border-radius:var(--radius)}
.article-media img{width:100%;object-fit:cover}
.sidebar-card h2{line-height:1.15}
.card h3,.page-hero h1,.scene-title-text{overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
@media(max-width:760px){
  .nav-wrap{min-height:64px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px}
  .main-nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#111522;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:calc(100vh - 88px);overflow:auto}
  .main-nav.open{display:flex}.main-nav a{padding:10px 12px;border-radius:9px}.main-nav a:hover{background:#1a2030}
  .page-hero{padding:44px 0 24px}.page-hero h1{font-size:clamp(2.25rem,12vw,3.8rem);line-height:1}
  .hero{padding:56px 0 42px}.hero-grid,.content-layout{grid-template-columns:1fr}.content-layout{gap:24px}
  .filters{grid-template-columns:1fr 1fr}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{align-items:start;flex-direction:column}.section-head p{margin:0}
  aside{min-width:0}.sidebar-card{overflow-wrap:anywhere}
}
@media(max-width:520px){
  .container{width:min(calc(100% - 24px),var(--container))}.filters,.grid,.grid.four{grid-template-columns:1fr}
  .hero h1{font-size:clamp(2.55rem,16vw,4rem)}.card-body{padding:17px}.actions .button{width:100%}
  .breadcrumbs{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.breadcrumbs ol{width:max-content}
  .fact-list>div{align-items:flex-start;gap:12px}.fact-list strong{text-align:right}
}


/* Progress26: shared directory/profile visual QA */
.main-nav a.is-active,.main-nav a[aria-current="page"]{color:var(--accent2);font-weight:800;box-shadow:inset 0 -2px 0 var(--accent2)}
@media(max-width:760px){.main-nav a.is-active,.main-nav a[aria-current="page"]{background:#171f2f;box-shadow:none}}

.directory-chips{margin-bottom:24px}
.card h2,.card h3,.search-result h3{overflow-wrap:anywhere}

/* Progress27: admin usability and QA */
@media(min-width:901px){
  .admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto}
}
.admin-sidebar nav a{padding:8px 10px;border-radius:9px;margin:2px -10px}
.admin-sidebar nav a.active,.admin-sidebar nav a[aria-current="page"]{background:rgba(40,224,195,.10);color:var(--accent2);font-weight:800}
.admin-table thead th{position:sticky;top:0;z-index:2;background:#151a29}
.admin-table tbody tr:hover{background:rgba(255,255,255,.025)}
.admin-form input[type="checkbox"],.chips input[type="checkbox"]{width:auto;min-width:18px;min-height:18px;margin:0;accent-color:var(--accent2)}
.admin-form .chip{cursor:pointer;user-select:none}
.admin-form .chip:has(input[type="checkbox"]:checked){background:rgba(40,224,195,.12);border-color:rgba(40,224,195,.48);color:#fff}
.admin-savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px;padding:14px 0;background:linear-gradient(180deg,rgba(9,11,18,0),rgba(9,11,18,.96) 28%)}
.admin-savebar .button{min-width:150px}
.admin-form fieldset{min-width:0}
.admin-form legend{padding:0 6px}
@media(max-width:900px){
  .admin-sidebar{padding:16px}
  .admin-sidebar nav[aria-label]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px 8px}
  .admin-sidebar nav a{margin:0;padding:8px 10px;background:rgba(255,255,255,.02);border:1px solid transparent}
  .admin-sidebar nav a.active,.admin-sidebar nav a[aria-current="page"]{border-color:rgba(40,224,195,.28)}
}
@media(max-width:520px){
  .admin-sidebar nav[aria-label]{grid-template-columns:1fr 1fr}
  .admin-savebar{align-items:stretch}
  .admin-savebar .button{width:100%}
  .admin-savebar .muted{font-size:.86rem}
}
.admin-form input[type="checkbox"],.chips input[type="checkbox"]{padding:0}

/* Progress29: subgenre icon cleanup and release-directory imagery */
.subgenre-card .card-body{padding-top:16px}
.subgenre-card-media{aspect-ratio:1/1;background:var(--bg);display:grid;place-items:center;padding:clamp(18px,3vw,28px);border-bottom:1px solid var(--border)}
.subgenre-card-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:auto}
.subgenre-profile-image img,.subgenre-card-media img{image-rendering:auto}
.release-card-cover-placeholder span{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;border:2px solid rgba(40,224,195,.35);box-shadow:inset 0 0 0 10px rgba(255,255,255,.04)}
@media(max-width:900px){.release-search-hero{grid-template-columns:1fr}}
@media(max-width:640px){}
/* Progress34: subgenre icon cleanup */
.subgenre-card-media,.subgenre-profile-image{overflow:hidden}
.subgenre-card-media{padding:0}
.subgenre-profile-image{padding:0}
@media(max-width:800px){.subgenre-profile-image{padding:0}}

.release-discovery-actions{margin-top:10px;margin-bottom:10px}

/* Progress45: accessibility QA refinements */
#content:focus{outline:none}
.skip-link:focus-visible{left:16px;top:16px;z-index:1000;background:#fff;color:#000;padding:10px 14px;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.breadcrumbs li+li:before{color:#858da3}
.breadcrumbs [aria-current="page"]{color:var(--text)}
.pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.site-footer nav{min-width:0}
@media(forced-colors:active){
  :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight;outline-offset:3px}
  .button,.chip,.card,.sidebar-card,.main-nav,.filters{forced-color-adjust:auto}
  .main-nav a.is-active,.main-nav a[aria-current="page"],.chip.active,.chip[aria-current="page"],.pagination a[aria-current="page"]{outline:2px solid currentColor;outline-offset:-2px}
}

/* Progress50: search discovery retained; homepage restored after visual QA */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-summary{display:grid;gap:14px;margin:28px 0 22px}
.search-summary h2{margin:0}.search-summary p{margin:.15rem 0 0}
.search-type-filters,.search-starters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.search-type-filters .chip{gap:7px}
.search-type-filters .chip span{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .4em;border-radius:999px;background:rgba(255,255,255,.08);font-size:.74rem}
.search-type-filters .chip.active span{background:rgba(255,255,255,.18)}
.search-result{padding:20px 0;border-bottom:1px solid var(--border)}
.search-result:first-child{padding-top:0}.search-result:last-child{border-bottom:0}
.search-result h3{margin:.2rem 0 .35rem;font-size:1.35rem}.search-result p{margin:0;color:var(--muted);max-width:80ch}
.search-result .type{display:inline-flex;color:var(--accent2);font-size:.76rem;font-weight:800;letter-spacing:.08em}

/* Linked profile counts jump to the corresponding information on the same page. */
.fact-row-link{display:flex;justify-content:space-between;gap:20px;width:100%;color:inherit}
.fact-row-link:hover span,.fact-row-link:hover strong{color:var(--accent2)}
[id^="artist-"],[id^="label-"],[id^="festival-"],[id^="subgenre-"]{scroll-margin-top:96px}
@media(max-width:420px){.fact-row-link{display:block}.fact-row-link strong{display:block;text-align:left;margin-top:2px}}


.brand{display:flex;align-items:center;min-width:0}
.brand-lockup{display:inline-flex;align-items:center;gap:14px;min-width:0}
.brand-mark{display:block;width:52px;height:52px;flex:0 0 52px;border-radius:14px;box-shadow:0 0 28px rgba(124,77,232,.22)}
.brand-wordmark{display:inline-flex;align-items:center;gap:.24em;min-width:0;font-size:clamp(1.6rem,2.2vw,2.45rem);font-weight:900;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.brand-word{color:var(--text);text-shadow:0 0 12px rgba(255,255,255,.10)}
.brand-word-flow{color:var(--text)}
.brand-word-music{background:linear-gradient(135deg,#8f5bff,#ea67ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.nav-wrap{gap:18px}
.nav-toggle{margin-left:auto}
.hero-homepage{padding:72px 0 64px}
.hero-homepage-banner{position:relative;min-height:clamp(320px,42vw,520px);border-radius:32px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#0f1320}
.hero-homepage-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-homepage-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,18,.92) 0%,rgba(9,11,18,.76) 34%,rgba(9,11,18,.40) 62%,rgba(9,11,18,.20) 100%)}
.hero-homepage-content{position:relative;z-index:1;max-width:700px;padding:clamp(28px,4.5vw,56px)}
.hero-homepage-content h1{font-size:clamp(2.7rem,7vw,5.4rem);line-height:.95;letter-spacing:-.06em;margin:.2em 0}
.hero-homepage-content p{font-size:1.1rem;color:#d3d8e7;max-width:640px}
@media(max-width:900px){.hero-homepage-banner{min-height:420px}.hero-homepage-banner:after{background:linear-gradient(180deg,rgba(9,11,18,.58) 0%,rgba(9,11,18,.38) 28%,rgba(9,11,18,.70) 62%,rgba(9,11,18,.88) 100%)}}
@media(max-width:760px){.brand-mark{width:44px;height:44px;flex-basis:44px}.brand-wordmark{font-size:1.5rem}.hero-homepage{padding-top:54px}.hero-homepage-content{max-width:none;padding:24px 22px 28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}.hero-homepage-content h1{font-size:clamp(2.25rem,9vw,3.2rem)}.hero-homepage-content p{font-size:1rem;max-width:34rem}.hero-homepage .actions{gap:10px}}
@media(max-width:560px){.nav-wrap{min-height:76px;gap:10px}.brand-lockup{gap:10px;max-width:calc(100% - 88px)}.brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.brand-wordmark{display:grid;grid-template-columns:auto auto;column-gap:.24em;row-gap:.04em;font-size:1.14rem;line-height:.9;white-space:normal}.brand-word-music{grid-column:1/-1}.hero-homepage-banner{min-height:380px;border-radius:24px}.hero-homepage-banner>img{object-position:64% center}.hero-homepage-content{padding:20px 18px 22px;min-height:380px}.hero-homepage .actions{display:grid;grid-template-columns:1fr;gap:8px}.hero-homepage .actions .button{width:100%}}


/* Single combined logo image with subtitle under the wordmark */
.brand{display:flex;align-items:center;min-width:0}
.brand-image{font-size:0;line-height:0;max-width:calc(100% - 88px)}
.site-logo{display:block;height:60px;width:auto;max-width:min(520px,76vw)}
.nav-wrap{gap:16px}
.nav-toggle{margin-left:auto}
@media(max-width:900px){.site-logo{height:56px;max-width:76vw}}
@media(max-width:760px){.site-header .container{width:min(calc(100% - 10px),var(--container))}.nav-wrap{min-height:72px;gap:4px}.brand-image{max-width:calc(100% - 58px)}.site-logo{height:76px;max-width:86vw}.nav-toggle{padding:5px 8px}}
@media(max-width:560px){.nav-wrap{min-height:68px;gap:3px}.brand-image{max-width:calc(100% - 56px)}.site-logo{height:72px;max-width:88vw}.nav-toggle{padding:4px 7px}}
@media(max-width:420px){.nav-wrap{min-height:64px}.site-logo{height:68px;max-width:89vw}}


/* Release profile archive jumps and mobile player width correction */
#artist-release-archive,#label-release-archive{scroll-margin-top:96px}
.release-profile-jump{color:inherit;text-decoration:underline;text-decoration-color:rgba(40,224,195,.55);text-underline-offset:.16em}
.release-profile-jump:hover{color:var(--accent2);text-decoration-color:currentColor}
.release-side-media,.release-platform-artwork,.release-platform-artwork .release-embed,.release-embed iframe{box-sizing:border-box;max-width:100%}
@media(max-width:800px){
  .release-side-media,.release-platform-artwork,.release-embed{width:100%!important;max-width:100%!important;min-width:0!important}
  .release-embed iframe{display:block;width:100%!important;max-width:100%!important;min-width:0!important}
}
@media(max-width:520px){
  .release-side-media{align-self:stretch}
  .release-platform-artwork,.release-platform-artwork .release-embed{width:100%!important}
}


/* Mobile release Listen card: keep every control and embed inside the content column */
.release-listen-section{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.release-listen-links{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.release-listen-links .button{box-sizing:border-box;max-width:100%;min-width:0}
.release-listen-section .release-embed,.release-listen-section .release-embed iframe{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:800px){
  .release-listen-section{align-self:stretch;padding:20px}
  .release-listen-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .release-listen-links .button{width:100%;margin:0}
}
@media(max-width:520px){
  .release-listen-section{padding:18px}
  .release-listen-links{margin-bottom:14px}
}


/* Mobile logo correction: tightly cropped transparent asset, larger display, minimal header padding */
@media(max-width:760px){
  .site-header .container{width:min(calc(100% - 8px),var(--container))}
  .nav-wrap{min-height:64px;gap:2px}
  .brand-image{flex:1 1 auto;max-width:calc(100% - 64px);overflow:visible}
  .site-logo{width:min(300px,100%);height:auto;max-width:100%}
  .nav-toggle{flex:0 0 auto;margin-left:2px;padding:4px 7px}
}
@media(max-width:560px){
  .nav-wrap{min-height:62px}
  .brand-image{max-width:calc(100% - 62px)}
  .site-logo{width:min(292px,100%);height:auto;max-width:100%}
}
@media(max-width:420px){
  .site-header .container{width:min(calc(100% - 6px),var(--container))}
  .nav-wrap{min-height:60px}
  .brand-image{max-width:calc(100% - 60px)}
  .site-logo{width:min(286px,100%);height:auto;max-width:100%}
  .nav-toggle{padding:3px 6px}
}


/* Final mobile logo crop/size correction */
.brand-image{max-width:calc(100% - 72px)}
.site-logo{width:min(340px,100%);height:auto;max-width:100%}
@media(max-width:760px){.site-header .container{width:min(calc(100% - 8px),var(--container))}.nav-wrap{min-height:62px;gap:2px}.brand-image{max-width:calc(100% - 74px)}.site-logo{width:min(320px,100%)}.nav-toggle{margin-left:2px;padding:4px 7px}}
@media(max-width:560px){.nav-wrap{min-height:58px;gap:2px}.brand-image{max-width:calc(100% - 72px)}.site-logo{width:min(310px,100%)}.nav-toggle{padding:3px 6px;border-radius:10px}}
@media(max-width:420px){.site-header .container{width:min(calc(100% - 4px),var(--container))}.nav-wrap{min-height:56px}.brand-image{max-width:calc(100% - 70px)}.site-logo{width:min(300px,100%)}}


/* Logo sizing + footer logo */
.site-logo{width:min(306px,100%)}
.footer-logo-link{display:block;width:220px;max-width:100%;min-height:0;line-height:0;margin:0 0 10px}
.footer-logo{display:block;width:100%;max-width:100%;height:auto}
@media(max-width:760px){.site-logo{width:min(288px,100%)}.footer-logo-link{width:200px}}
@media(max-width:560px){.site-logo{width:min(279px,100%)}.footer-logo-link{width:190px}}
@media(max-width:420px){.site-logo{width:min(270px,100%)}.footer-logo-link{width:180px}}


/* Site-wide horizontal overflow repair */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
body,main,.site-header,.site-footer,section{min-width:0;max-width:100%}
.container{max-width:100%;min-width:0}
.nav-wrap,.hero-grid,.content-layout,.profile-hero,.footer-grid,.grid,.grid.four,.filters,.form-grid,.stat-grid{min-width:0}
.nav-wrap>*,.hero-grid>*,.content-layout>*,.profile-hero>*,.footer-grid>*,.grid>*,.filters>*,.form-grid>*,.stat-grid>*{min-width:0;max-width:100%}
img,picture,video,canvas,svg,iframe,embed,object{max-width:100%}
iframe{border:0}
.prose,.card,.card-body,.sidebar-card,.page-hero,.hero-homepage-content,.release-listen-section,.release-side-media,.release-platform-artwork{min-width:0;max-width:100%;overflow-wrap:anywhere}
.breadcrumbs{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
.breadcrumbs ol{min-width:0;max-width:none}
.fact-list,.chips,.actions,.pagination,.search-box,.search-results{min-width:0;max-width:100%}
input,select,textarea,button{max-width:100%}
@media(max-width:760px){
  .main-nav{max-width:calc(100% - 32px);box-sizing:border-box}
  .site-header .container{max-width:100%}
}
@media(max-width:520px){
  .breadcrumbs ol{width:max-content;max-width:none}
  .prose pre,.prose code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
}


/* Footer logo must never use intrinsic image width or create page overflow. */
.footer-grid>*{min-width:0}
.footer-logo-link{overflow:hidden}
.footer-logo{object-fit:contain}


/* Header desktop fit correction */
.site-header>.container.nav-wrap{width:min(calc(100% - 32px),1360px)}
.site-header .brand-image{flex:0 1 auto;min-width:0}
.site-header .site-logo{width:min(286px,100%);height:auto}
.site-header .main-nav{flex:0 0 auto;gap:18px;font-size:.92rem;white-space:nowrap}
.site-header .main-nav a{padding-inline:2px}
@media(max-width:1240px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 24px),1200px)}
  .site-header .site-logo{width:min(250px,100%)}
  .site-header .main-nav{gap:13px;font-size:.88rem}
}
@media(max-width:920px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 20px),var(--container));min-height:64px}
  .site-header .brand-image{max-width:calc(100% - 76px)}
  .site-header .site-logo{width:min(270px,100%)}
  .site-header .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;margin-left:auto}
  .site-header .main-nav{position:absolute;left:10px;right:10px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#111522;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:calc(100vh - 88px);overflow:auto;white-space:normal}
  .site-header .main-nav.open{display:flex}
  .site-header .main-nav a{padding:10px 12px}
}
@media(max-width:760px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 8px),var(--container))}
  .site-header .site-logo{width:min(288px,100%)}
}
@media(max-width:560px){.site-header .site-logo{width:min(279px,100%)}}
@media(max-width:420px){.site-header .site-logo{width:min(270px,100%)}}


/* Clean header sizing: logo link shrink-wraps to the visible image instead of reserving flex width */
.site-header>.container.nav-wrap{display:flex;align-items:center;justify-content:flex-start;gap:18px;width:min(calc(100% - 32px),1360px)}
.site-header .brand-image{display:inline-flex;align-items:center;flex:0 0 auto;width:auto;max-width:none;min-width:0;overflow:visible}
.site-header .site-logo{display:block;width:270px;height:auto;max-width:none;flex:none}
.site-header .main-nav{margin-left:auto;flex:0 0 auto;gap:18px;font-size:.92rem;white-space:nowrap}
.site-header .nav-toggle{margin-left:auto}
@media(max-width:1240px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 24px),1200px);gap:14px}
  .site-header .site-logo{width:238px}
  .site-header .main-nav{gap:12px;font-size:.87rem}
}
@media(max-width:920px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 20px),var(--container));min-height:64px;gap:8px}
  .site-header .brand-image{max-width:calc(100% - 76px)}
  .site-header .site-logo{width:min(270px,100%);max-width:100%}
  .site-header .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;margin-left:auto}
  .site-header .main-nav{position:absolute;left:10px;right:10px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#111522;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:calc(100vh - 88px);overflow:auto;white-space:normal;margin-left:0}
  .site-header .main-nav.open{display:flex}
}
@media(max-width:760px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 8px),var(--container));gap:4px}
  .site-header .brand-image{max-width:calc(100% - 70px)}
  .site-header .site-logo{width:min(288px,100%)}
}
@media(max-width:560px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 6px),var(--container))}
  .site-header .brand-image{max-width:calc(100% - 66px)}
  .site-header .site-logo{width:min(279px,100%)}
}
@media(max-width:420px){
  .site-header>.container.nav-wrap{width:min(calc(100% - 4px),var(--container))}
  .site-header .brand-image{max-width:calc(100% - 64px)}
  .site-header .site-logo{width:min(270px,100%)}
}


/* Scene profile title: compact flag + controlled mobile line break */
.scene-title-heading{display:flex;align-items:baseline;gap:.24em;flex-wrap:wrap}
.scene-title-lead{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap;min-width:0}
.scene-title-heading .scene-flags{display:inline-flex;align-items:center;gap:.12em;flex:0 0 auto;background:transparent;padding:0;border-radius:0;line-height:0}
.scene-title-heading .scene-flag-img{display:block;width:auto;height:.74em;max-width:none;max-height:none;border:0;object-fit:cover}
.scene-title-country,.scene-title-tail{min-width:0}
@media(max-width:640px){
  .scene-title-heading{display:grid;grid-template-columns:1fr;gap:.08em;align-items:start}
  .scene-title-lead{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:.24em;white-space:nowrap}
  .scene-title-tail{display:block}
}


/* Compact page sharing controls */
.share-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 30px;max-width:100%;min-width:0}
.share-label{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-right:2px}
.share-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:100%;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:#141a28;color:var(--text);font:inherit;font-size:.84rem;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}
.share-button:hover,.share-button:focus-visible{color:var(--accent2);border-color:rgba(40,224,195,.55);background:#182132}
.share-native{background:linear-gradient(135deg,var(--accent),#6534dd);border-color:transparent;color:#fff}
.share-status{color:var(--accent2);font-size:.82rem;min-height:1em}
.release-main-column>.share-strip{margin-top:-18px}
@media(max-width:640px){.share-strip{gap:6px;margin:-4px 0 24px}.share-label{width:100%;margin:0 0 2px}.share-button{min-height:34px;padding:7px 10px;font-size:.8rem}.release-main-column>.share-strip{margin-top:-12px}}