/* Semantic palette shared by independently deployed Brecilia services.
 * Existing dark product styles stay authoritative until a service adapter opts in. */
:root {
  color-scheme:light;
  --page-background:#efdfc4; --surface-primary:#f7e9d0; --surface-secondary:#e1cca6;
  --text-primary:#28231d; --text-secondary:#51483e; --brand-emerald:#143c31;
  --brand-gold:#a67c35; --brand-bronze:#6b4c22; --border-subtle:#d8c9b4;
  --control-border:#856b3f; --action-background:#143c31; --action-text:#fffdf9;
  --focus-ring:#143c31; --surface-shadow:0 16px 48px #6b4c2212;
  --editorial-font:Georgia,'Times New Roman',serif;
  --interface-font:'DM Sans',system-ui,sans-serif;
}
:root[data-theme=dark] {
  color-scheme:dark;
  --page-background:#101414; --surface-primary:#191e1e; --surface-secondary:#222828;
  --text-primary:#f0f2ec; --text-secondary:#a1aaa6; --brand-gold:#c6a665;
  --brand-bronze:#e1bc78; --border-subtle:#424b47;
  --control-border:#7d8c84; --action-background:#c3edc5; --action-text:#143c31;
  --focus-ring:#c3edc5; --surface-shadow:0 16px 48px #0003;
}
:root[data-theme=dark][data-contrast=more] {
  --page-background:#090b0b; --surface-primary:#090b0b; --surface-secondary:#181c1c;
  --text-primary:#fff; --text-secondary:#e4e4e4; --brand-gold:#ffe095;
  --brand-bronze:#ffe095; --border-subtle:#fff; --control-border:#fff;
  --action-background:#fff; --action-text:#090b0b; --focus-ring:#ffe095; --surface-shadow:none;
}
:root[data-theme=light][data-contrast=more] {
  --page-background:#fffdf9; --surface-primary:#fffdf9; --surface-secondary:#f3ece0;
  --text-primary:#161616; --text-secondary:#38322a; --brand-gold:#6b4c22;
  --brand-bronze:#6b4c22; --border-subtle:#1f1a14; --control-border:#1f1a14;
  --action-background:#143c31; --action-text:#fffdf9; --focus-ring:#143c31; --surface-shadow:none;
}
/* Alias mapping is opt-in; consumer-specific hardcoded surfaces need an audited adapter. */
[data-appearance-scope] {
  --bg:var(--page-background); --surface:var(--surface-primary); --surface2:var(--surface-secondary);
  --text:var(--text-primary); --muted:var(--text-secondary); --accent:var(--action-background);
  --border:var(--border-subtle); --line:var(--border-subtle); --panel:var(--surface-primary);
  background-color:var(--page-background); color:var(--text-primary);
}
.brecilia-appearance {position:relative;font:500 14px/1.5 var(--interface-font);color:var(--text-primary);z-index:60}
.brecilia-appearance-trigger {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--control-border);border-radius:8px;list-style:none;cursor:pointer;background:var(--surface-primary)}
.brecilia-appearance-trigger::-webkit-details-marker {display:none}
.brecilia-appearance-icon {font-size:20px;line-height:1}
.brecilia-appearance-trigger:focus-visible,.brecilia-appearance input:focus-visible {outline:3px solid var(--focus-ring);outline-offset:3px}
.brecilia-appearance-panel {position:absolute;right:0;top:calc(100% + 10px);width:min(260px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:16px;border:1px solid var(--control-border);border-radius:12px;background:var(--surface-primary);box-shadow:var(--surface-shadow)}
.brecilia-appearance fieldset {margin:0;padding:0;border:0;min-width:0}
.brecilia-appearance-legend {font-size:13px;font-weight:700;margin-bottom:8px;color:var(--text-secondary)}
.brecilia-appearance-option {display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;padding:6px 8px;margin:0;border-radius:6px;color:var(--text-primary);font-size:14px}
.brecilia-appearance-option:hover {background:var(--surface-secondary)}
.brecilia-appearance input {display:inline-block!important;width:18px!important;height:18px!important;min-height:0!important;flex:none;accent-color:var(--action-background);margin:0!important;appearance:auto}
.brecilia-appearance-contrast {margin-top:8px;border-top:1px solid var(--border-subtle);border-radius:0;padding-top:14px}
:root[data-contrast=more] .brecilia-appearance-trigger,:root[data-contrast=more] .brecilia-appearance-panel {border-width:2px}
@media(prefers-reduced-motion:reduce) {.brecilia-appearance * {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active) {.brecilia-appearance-trigger,.brecilia-appearance-panel {border-color:ButtonText;background:Canvas;color:CanvasText}.brecilia-appearance-option:hover {outline:1px solid Highlight}.brecilia-appearance input {accent-color:auto}}

/* Audited presentation adapters. Dark product styles retain their original colors. */
html[data-brecilia-service][data-theme=light],html[data-brecilia-service][data-contrast=more]{
 --bg:var(--page-background);--surface:var(--surface-primary);--surface2:var(--surface-secondary);
 --text:var(--text-primary);--muted:var(--text-secondary);--accent:var(--brand-emerald);
 --line:var(--border-subtle);--border:var(--border-subtle);--ink:var(--text-primary);--green:var(--action-background);
}
html[data-brecilia-service=main][data-theme=light],html[data-brecilia-service=main][data-contrast=more]{--paper:var(--text-primary)}
html[data-brecilia-area=admin][data-theme=light],html[data-brecilia-area=admin][data-theme=dark]{--paper:var(--page-background);--ink:var(--text-primary);--green:var(--action-background);--line:var(--border-subtle);--muted:var(--text-secondary)}
html[data-brecilia-service][data-theme=light] body{background:var(--page-background);color:var(--text-primary)}
html[data-brecilia-service][data-theme=light] :is(h1,h2,.hero-brand strong,.brand strong,.blog-brand,.brand span:first-child){font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.025em}
html[data-brecilia-service][data-theme=light] :is(.hero-brand strong,.global-header .brand strong,.blog-brand){color:#674719;text-shadow:0 1px 0 #fff5d6}
@supports(background-clip:text){html[data-brecilia-service][data-theme=light][data-contrast=normal] :is(.hero-brand strong,.story-hero h1,.editorial-intro h1,.masthead h1){background:linear-gradient(110deg,#53320e 0%,#8c652c 23%,#8f6930 43%,#634117 66%,#8f6930 87%,#54330e 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 2px #6b4c2218;filter:none}}
html[data-brecilia-service][data-theme=light] :is(.global-header,.ecosystem-header,.header,#topbar,.topbar){background:linear-gradient(110deg,#ead7b3,#fbefd9 55%,#e9d3ac);border-color:#b4945b}
html[data-brecilia-service][data-theme=light] :is(.story-hero,.editorial-intro,.offer-intro,.masthead){background:linear-gradient(110deg,#efdfc4d9,#f2e4cad9),url('/appearance-marble.jpg?v=dd8fc52aac67') center/cover;border-bottom:1px solid #b4945b}
html[data-brecilia-service=main][data-theme=light] .story-hero{box-shadow:inset 0 1px #fff5dc,inset 0 -1px #b4945b33}
html[data-brecilia-service=main][data-theme=light] .story-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center}
html[data-brecilia-service=main][data-theme=light] .story-hero>div:first-child{order:2}
html[data-brecilia-service=main][data-theme=light] .record-art{order:1;background:transparent;border:0;box-shadow:none;overflow:visible}
html[data-brecilia-service=main][data-theme=light] .hero-brand strong{font-size:clamp(45px,6.5vw,90px);font-weight:500;letter-spacing:.025em}
html[data-brecilia-service=main][data-theme=light] .story-hero h1{font-size:clamp(30px,3.7vw,54px);margin-top:24px;letter-spacing:-.025em}
html[data-brecilia-service=main][data-theme=light] .record-art p{color:var(--brand-bronze);letter-spacing:.15em}
html[data-brecilia-service=main][data-theme=light] .record{background:repeating-radial-gradient(circle at center,#103224 0px,#0b241a 5px,#b49346 6px,#102c20 7px,#0a2018 10px);border-color:#ae853d;box-shadow:inset 0 0 0 3px #e6c984,inset 0 0 0 10px #614919,0 22px 40px #49310c40}
html[data-brecilia-service=main][data-theme=light] .record span{width:55%;height:auto;aspect-ratio:1;min-height:0;line-height:1;display:grid;place-items:center;padding:0;border-radius:50%;color:#d7b565;font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,12vw,190px);font-weight:800;text-shadow:2px 3px 0 #604414,0 1px 0 #fff4c6}
html[data-brecilia-service=main][data-theme=light] .hero-brand span{color:#654821;letter-spacing:.25em;text-transform:uppercase;font-size:clamp(12px,1.4vw,18px)}
html[data-brecilia-service][data-theme=light] :is(.global-footer,.site-footer,.blog-footer){background:#e3cfab;border-color:#b4945b;color:var(--text-primary)}
html[data-brecilia-service][data-theme=light] :is(.panel,.form-panel,.offer-card,.benefit-card,.story-card,.story-card--featured,.preview-card,.artist-registration-panel,.artist-studio,.ai-panel,.assistant-panel,.privacy-panel,.newsletter-panel){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:0 12px 30px #6148200c}
html[data-brecilia-service][data-theme=light] :is(.story-card:hover,.playlist-card:hover,.song-card:hover){background:#f0ddba;border-color:#a6884c}
html[data-brecilia-service][data-theme=light] :is(button,.button,.more):not(.primary):not(.player-play):not(.brecilia-appearance-trigger){background:var(--surface-primary);border-color:var(--control-border);color:var(--text-primary)}
html[data-brecilia-service][data-theme=light] :is(button,.button,.more):hover{background:var(--surface-secondary);color:var(--text-primary)}
html[data-brecilia-service][data-theme=light] :is(.primary,button.primary,.button.primary,.player-play,.play-main){background:var(--action-background);color:var(--action-text);border-color:var(--action-background)}
html[data-brecilia-service][data-theme=light] :is(.primary,.player-play,.play-main):hover{background:#0d3227;color:var(--action-text)}
html[data-brecilia-service][data-theme=light] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,[contenteditable=true]){background:var(--surface-primary);color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-theme=light] :is(input,textarea)::placeholder{color:#66543e;opacity:1}
html[data-brecilia-service][data-theme=light] :is(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}
html[data-brecilia-service][data-theme=light] :is(dialog,.drawer-header,.drawer-body,.modal,.modal-header,.modal-body,.support-panel,.assistant-shell-panel,.privacy-consent-panel){background:var(--surface-primary);color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-theme=light] :is(.brecilia-panel,.volume-popup){background:var(--surface-primary);color:var(--text-primary);border-color:var(--control-border);box-shadow:var(--surface-shadow)}
html[data-brecilia-service][data-theme=light] .brecilia-panel :is(a,button,input){color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-theme=light] .brecilia-panel a{color:var(--brand-emerald)}
html[data-brecilia-service][data-theme=light] .volume-popup input{accent-color:var(--brand-emerald)}
html[data-brecilia-service][data-theme=light] :is(.cookie-banner,.privacy-dialog,.privacy-dialog>p,.privacy-option p,.breadcrumbs){background:var(--surface-primary);color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-theme=light] :is(#privacy-banner,#privacy-dialog) .button{background:var(--surface-primary);color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-theme=light] :is(#privacy-banner,#privacy-dialog) .button.primary{background:var(--action-background);color:var(--action-text);border-color:var(--action-background)}
html[data-brecilia-service][data-theme=light] :is(.launch-strip,.promo-strip,.launch-banner){background:var(--brand-emerald);color:var(--action-text)}
html[data-brecilia-service][data-theme=light] aside:is([aria-label="Would you prefer English?"],[aria-label="Prefere navegar em português?"],[aria-label="¿Prefieres navegar en español?"]){background:var(--surface-primary)!important;color:var(--text-primary)!important;border-color:var(--control-border)!important;box-shadow:var(--surface-shadow)!important}
html[data-brecilia-service][data-theme=light] aside:is([aria-label="Would you prefer English?"],[aria-label="Prefere navegar em português?"],[aria-label="¿Prefieres navegar en español?"]) a{color:var(--brand-emerald)!important}
html[data-brecilia-service][data-theme=light] :is(.brecilia-products a:hover,.brecilia-products a[aria-current=page],.nav-item:hover,.nav-item.active){background:#e7d2ab;color:var(--brand-emerald);border-color:#a48954}
html[data-brecilia-service][data-theme=light] :is(.eyebrow,.section-number,.text-link,.story-category){color:var(--brand-bronze)}
html[data-brecilia-service][data-theme=light] :is(.status.verified,.badge.verified,.verified-badge span){color:var(--brand-emerald)}
html[data-brecilia-service][data-theme=light] :is(.status.rejected,.error,.form-error){color:#8a2a20}
html[data-brecilia-service][data-theme=light] :is(.status.needs_improvement,.warning){color:#68420f}
html[data-brecilia-service=music][data-theme=light] #sidebar{background:linear-gradient(170deg,#e6d1a8,#f5e6cb);border-color:#b4945b}
html[data-brecilia-service=music][data-theme=light] :is(#player,.expanded-player,.player-expanded,.mobile-nav){background:linear-gradient(115deg,#e6d1a8,#f4e6cc);color:var(--text-primary);border-color:#af915c}
html[data-brecilia-service=music][data-theme=light] :is(.hero,.artist-hero){background:var(--surface-primary);color:var(--text-primary)}
html[data-brecilia-service=music][data-theme=light] .hero-content{color:#fff8e9}
html[data-brecilia-service=music][data-theme=light] .hero-content h1{color:#fff8e9}
html[data-brecilia-service=music][data-theme=light] :is(.artist-hero-copy,.search-large,.top-search,.internal-note){background:var(--surface-secondary);color:var(--text-primary)}
html[data-brecilia-service=music][data-theme=light] :is(.player-spectrum,.audio-visualizer,.waveform){background:#143c31;border-radius:4px}
html[data-brecilia-service=music][data-theme=light] .artist-hero-copy :is(p,.muted,.hero-signature){color:var(--text-secondary)}
html[data-brecilia-service=music][data-theme=light] .genre-card{color:#fff8e9}
html[data-brecilia-service=radio][data-theme=light] :is(.station-heading,.track-card,.now-playing,.player-card,.program-card,.social-radio-panel){color:var(--text-primary);border-color:var(--border-subtle)}
html[data-brecilia-service=radio][data-theme=light] :is(.station-panel,.related-card,.social-radio-panel){background:var(--surface-primary)}
html[data-brecilia-service=radio][data-theme=light] .ambient-shell{opacity:.08}
html[data-brecilia-service=blog][data-theme=light] :is(.article,.story-copy,.story-card--featured,.newsletter-widget,.audience-form){background:var(--surface-primary);color:var(--text-primary)}
html[data-brecilia-service=blog][data-theme=light] .article-body{color:var(--text-primary)}
html[data-brecilia-service=blog][data-theme=light] .article-body a{color:var(--brand-emerald);text-decoration:underline;text-underline-offset:3px}
html[data-brecilia-area=admin][data-theme=dark] body,html[data-brecilia-area=admin][data-theme=dark] :is(.panel,.editorial-panel,.research-panel,.admin-card,.dashboard-card,.modal,dialog){background:var(--surface-primary);color:var(--text-primary)}
html[data-brecilia-area=admin][data-theme=dark] :is(input,select,textarea,button){background:var(--surface-secondary);color:var(--text-primary);border-color:var(--control-border)}
html[data-brecilia-service][data-contrast=more] :is(.story-hero,.editorial-intro,.offer-intro,.masthead,.global-header,.header,.ecosystem-header,#sidebar,#topbar,#player,.expanded-player,.global-footer,.site-footer,.blog-footer,.panel,.story-card,dialog,.drawer-header){background:var(--surface-primary)!important;box-shadow:none!important;border-color:var(--control-border)!important;color:var(--text-primary)!important}
html[data-brecilia-service][data-contrast=more] :is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid var(--focus-ring)!important;outline-offset:4px}
html[data-brecilia-service][data-contrast=more] :is(.brecilia-panel,.cookie-banner,.privacy-dialog,.volume-popup){background:var(--surface-primary)!important;color:var(--text-primary)!important;border-color:var(--control-border)!important;box-shadow:none!important}
html[data-brecilia-service][data-contrast=more] :is(button,.button,.more,input,select,textarea){border-color:var(--control-border)!important}
html[data-brecilia-service][data-contrast=more] :is(.primary,.play-main,.player-play){background:var(--action-background)!important;color:var(--action-text)!important}
html[data-brecilia-service][data-contrast=more]{--accent:var(--action-background)}
[data-appearance-control]{display:inline-flex;flex-shrink:0;align-self:center;position:relative;z-index:65}
.header-inner:has([data-appearance-control]),.header-actions:has([data-appearance-control]),#topbar:has([data-appearance-control]){gap:14px}
.brecilia-appearance-trigger{white-space:nowrap}
@media(max-width:600px){.brecilia-appearance-trigger{padding:8px;min-width:44px}.brecilia-appearance-trigger>span:not(.brecilia-appearance-icon){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.header-inner:has([data-appearance-control]),.header-actions:has([data-appearance-control]){gap:8px}}
@media(max-width:800px){html[data-brecilia-service=main][data-theme=light] .story-hero{grid-template-columns:1fr;gap:28px}html[data-brecilia-service=main][data-theme=light] .story-hero>div:first-child{order:1}html[data-brecilia-service=main][data-theme=light] .record-art{order:2}}

/* Restore dark, readable text where Radio still carries its original dark-theme values. */
html[data-brecilia-service=radio][data-theme=light] :is(p,small,.muted,.muted-text,.artist,.artist-link,.trust-link,.radio-status,.catalog-meta,.artist-profile p){color:var(--text-secondary)!important}
html[data-brecilia-service=radio][data-theme=light] [data-owner-footer] .owner-footer-links img{filter:grayscale(1) brightness(0);opacity:.82}
html[data-brecilia-service=radio][data-theme=light] [data-owner-footer] .owner-footer-links a:hover img{filter:grayscale(1) brightness(0);opacity:1}
html[data-brecilia-service=radio][data-theme=light] #listeners-today{color:var(--text-secondary)!important}
html[data-brecilia-service=radio][data-theme=light] .language a{color:var(--text-secondary)}
html[data-brecilia-service=radio][data-theme=light] .language a[aria-pressed=true]{color:#6b4c22;background:var(--surface-secondary)}
html[data-brecilia-service=radio][data-theme=light] main summary{color:var(--text-secondary)!important}
html[data-brecilia-service=radio][data-theme=light] .language{gap:3px}
html[data-brecilia-service=radio][data-theme=light] .language a{min-width:38px;min-height:38px;padding:6px 9px;border:1px solid var(--control-border);border-radius:7px;color:#28231d;font-size:14px;font-weight:650;line-height:1.2;text-align:center;text-decoration:none}
html[data-brecilia-service=radio][data-theme=light] .language a[aria-pressed=true]{color:#382609;background:#e1cca6;border-color:#6b4c22;box-shadow:inset 0 0 0 1px #6b4c22}
html[data-brecilia-service=radio][data-theme=light] .language>span{color:#51483e;font-weight:700}
html[data-brecilia-service=radio][data-theme=light] .station-label[data-live=true]{color:#b42318!important}
html[data-brecilia-service=radio][data-theme=light] .station-label[data-live=true] .signal-dot{background:#c62828!important}

/* Keep the service picker, language control, and appearance control together. */
@media(min-width:1121px){.header{flex-wrap:nowrap}.header-actions{flex:0 0 auto;gap:22px}.header .product-switcher{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.header .product-switcher .brecilia-products{order:1}.header .product-switcher .language{order:2}.header .product-switcher [data-appearance-control]{order:3}}
@media(max-width:1120px){.header .product-switcher{flex:0 0 100%;display:flex;align-items:center;justify-content:flex-end;gap:10px}.header .product-switcher .brecilia-products{order:1}.header .product-switcher .language{order:2}.header .product-switcher [data-appearance-control]{order:3}}

/* Match the selected-tab treatment across both themes without an underline. */
html[data-brecilia-service] .brecilia-products a,html[data-brecilia-service] .brecilia-products a:hover,html[data-brecilia-service] .brecilia-products a:focus-visible,html[data-brecilia-service] .brecilia-products a[aria-current=page]{text-decoration:none!important;text-decoration-line:none!important}

/* Make Radio's primary listening action look and align like a real theme-aware button. */
html[data-brecilia-service=radio] .transport{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:wrap}
html[data-brecilia-service=radio] .transport>.play{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid var(--action-background);border-radius:999px;background:var(--action-background);color:var(--action-text);font:inherit;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:none;cursor:pointer}
html[data-brecilia-service=radio] .transport>.play:hover{filter:brightness(.94)}
html[data-brecilia-service=radio] .transport>.play:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
html[data-brecilia-service=radio] .transport>.play:disabled{opacity:.55;cursor:not-allowed}
html[data-brecilia-service=radio] .transport>.radio-share,html[data-brecilia-service=radio] .transport>#volume-control{align-self:center}
/* Give the current track a quiet surface in the warm theme; keep the approved dark layout intact. */
html[data-brecilia-service=radio][data-theme=light] .track-stage{padding:28px 30px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 12px 30px #6148200c}
html[data-brecilia-service=radio][data-theme=light] .track-stage :is(.eyebrow,h1,.artist,.trust-link,.radio-copy){color:var(--text-primary)}

/* Keep the Radio live action visibly primary in both appearance modes. */
html[data-brecilia-service=radio][data-theme=light] .transport>#play.play,html[data-brecilia-service=radio][data-theme=dark] .transport>#play.play{background-color:var(--action-background);background-image:none;color:var(--action-text);border-color:var(--action-background)}

/* Keep language choices on the header surface in both themes. */
html[data-brecilia-service] :is(.language-switch,.language-selector,.language,.language-links) :is(a,button){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}

/* Align the Radio wordmark and keep all three services visible on mobile. */
html[data-brecilia-service=radio] .header>.brand{align-items:center;}
html[data-brecilia-service=radio] .header>.brand>span{display:flex;flex-direction:column;align-items:flex-start;position:static;line-height:1.1;}
html[data-brecilia-service=radio] .header .brand-radio{position:static;margin-top:3px;line-height:1.3;}
@media(max-width:700px){
 html[data-brecilia-service=radio] .header{display:grid;height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"brand language appearance" "products products products";align-items:center;padding:8px 12px;gap:4px 6px;}
 html[data-brecilia-service=radio] .header>.brand{grid-area:brand;font-size:24px;gap:6px;}
 html[data-brecilia-service=radio] .header>.brand svg{width:28px;height:28px;}
 html[data-brecilia-service=radio] .header .header-actions{display:none;}
 html[data-brecilia-service=radio] .header .product-switcher{display:contents;}
 html[data-brecilia-service=radio] .header .language{grid-area:language;display:flex;gap:0;font-size:12px;white-space:nowrap;}
 html[data-brecilia-service=radio] .header .language a{min-width:28px;min-height:40px;padding:4px;display:inline-flex;align-items:center;justify-content:center;}
 html[data-brecilia-service=radio] .header [data-appearance-control]{grid-area:appearance;margin:0;padding:0;}
 html[data-brecilia-service=radio] .header .brecilia-appearance{margin:0;padding:0;border:0;}
 html[data-brecilia-service=radio] .header .brecilia-appearance-trigger{width:44px;height:44px;min-height:44px;padding:0;}
 html[data-brecilia-service=radio] .header .brecilia-products{grid-area:products;display:flex;width:100%;min-width:0;gap:6px;justify-content:flex-start;flex-wrap:nowrap;}
 html[data-brecilia-service=radio] .header .brecilia-products>a{display:inline-flex;min-height:40px;min-width:0;padding:6px 10px;font-size:13px;white-space:nowrap;}
}

/* Keep the artist entry visible without adding another mobile header row. */
@media(max-width:700px){
 html[data-brecilia-service=radio] .header{grid-template-areas:"brand language appearance" "products products products" "artist artist artist";}
 html[data-brecilia-service=radio] .header .header-actions{grid-area:artist;display:flex;justify-content:flex-start;align-items:center;min-width:0;margin:0;}
 html[data-brecilia-service=radio] .header-actions .artist-cta{display:inline-flex;align-items:center;justify-content:flex-start;max-width:100%;min-height:36px;padding:4px 0;font-size:12px;line-height:1.3;white-space:normal;}
 html[data-brecilia-service=radio] .header .language a{min-width:32px;min-height:44px;}
 html[data-brecilia-service=radio] .transport{flex-wrap:wrap;}
 html[data-brecilia-service=radio] .transport :is(button,a){min-height:44px;}
 html[data-brecilia-service=radio] .transport .play{flex:1 1 120px;}
 html[data-brecilia-service=radio] main{padding-inline:16px;}
 html[data-brecilia-service=radio] h1{overflow-wrap:anywhere;}
}