/* Current header row:36px square mark,48px music target,16px Museum note. */
#app.bv-welcome .sk-site-header {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 12px;background:#d6eefa;color:#0b2540;position:relative;z-index:3;margin-bottom:-64px;}
/* Keep the native brand independent of the artwork/room font breakpoint. */
#app.bv-welcome .sk-site-brand {display:flex;align-items:center;gap:14px;min-width:0;min-height:48px;padding-left:6px;color:#0b2540;text-decoration:none;font:800 18px/24px Nunito,Arial,sans-serif;white-space:nowrap;}
#app.bv-welcome .sk-site-brand,#app.bv-welcome .sk-site-brand span {font-family:Nunito,Arial,sans-serif!important;}
#app.bv-welcome .sk-site-brand img.dimau-owner-logo {display:block;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1;object-fit:contain;transform:none;padding:0;border:0;}
#app.bv-welcome .sk-site-header .sk-hero-play {position:relative;inset:auto;width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px;transform:none;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:0 2px 8px rgba(11,37,64,.25);}
#app.bv-welcome .sk-site-header .sk-hero-play::before {inset:2px;background:transparent url('/assets/music-badge-museum-20261018.svg') center/100% 100% no-repeat;box-shadow:none;}
#app.bv-welcome .sk-site-header .sk-hero-play[aria-pressed=true] {box-shadow:0 0 0 2px #ffd0a0,0 0 14px rgba(255,138,36,.6);}
#app.bv-welcome .sk-site-header .sk-hero-play[aria-pressed=true]::after {content:none;}
#app.bv-welcome .sk-site-header .sk-hero-play:focus-visible {outline:3px solid #ff8a24;outline-offset:3px;}
/* The live64px header covers both old branding/navigation strips in the supplied image.
   Align image y144/1360 (desktop) or y220/1008 (phone) with the header bottom. */
#app.bv-welcome .sk-original-picture {display:block;overflow:hidden;}
#app.bv-welcome .sk-original-design {aspect-ratio:auto!important;height:auto!important;margin-top:calc(64px - 10.58823529%);}
@media(max-width:760px){#app.bv-welcome .sk-original-design {margin-top:calc(64px - 21.82539683%);}}

/* Dimau header lighting — 18 October 2026. History's original artwork stays intact. */
@layer dimau-history-lighting {
 :root {
  --dimau-header-rest:0 0 0 1px rgba(255,208,160,.35),0 0 12px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18);
  --dimau-header-lit:0 0 0 2px rgba(255,157,55,.98),0 0 14px 4px rgba(255,166,74,.95),0 0 32px 8px rgba(255,138,36,.72),inset 0 0 18px 3px rgba(255,175,76,.65);
 }
 /* A decorative tile around the existing mark preserves its size and header position. */
 html:root body .dimau-owner-logo-frame {position:relative!important;isolation:isolate;overflow:visible!important;background:transparent!important;}
 html:root body .dimau-owner-logo-frame::before {
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;inset:auto auto auto auto;
  width:48px!important;height:48px!important;transform:translate(-50%,-50%)!important;box-sizing:border-box!important;
  border:1.5px solid #ff8a24!important;border-radius:14px!important;background:#fff!important;
  box-shadow:var(--dimau-header-rest)!important;pointer-events:none;z-index:-1;
 }
 html:root body .dimau-owner-logo-frame img {position:relative!important;z-index:1;}
 html:root body .dimau-owner-logo-frame:is(:hover,:focus-within)::before,
 html:root body a:focus-visible .dimau-owner-logo-frame::before {box-shadow:var(--dimau-header-lit)!important;}
 /* Some native headers place the original image directly in the brand link. */
 html:root body :is(img.dimau-owner-logo,img[src*="dimau-owner-logo"],img[src$="/dimau-fintech-logo.png"]):not(.dimau-owner-logo-frame img) {
  border-color:#ff8a24!important;border-radius:8px!important;outline:1.5px solid #ff8a24!important;outline-offset:4.5px!important;
  box-shadow:0 0 0 4.5px #fff,0 0 0 6px rgba(255,208,160,.35),0 0 12px 6px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18)!important;
 }
 html:root body :is(img.dimau-owner-logo,img[src*="dimau-owner-logo"],img[src$="/dimau-fintech-logo.png"]):not(.dimau-owner-logo-frame img):hover,
 html:root body a:focus-visible :is(img.dimau-owner-logo,img[src*="dimau-owner-logo"],img[src$="/dimau-fintech-logo.png"]):not(.dimau-owner-logo-frame img) {box-shadow:var(--dimau-header-lit)!important;}
 /* History already has this native48px tile; keep one border and one glow. */
 html:root body a[class*="visitor-experience_dialogLogo"] .dimau-owner-logo-frame::before {content:none!important;}
 html:root body a[class*="visitor-experience_dialogLogo"] {border-color:#ff8a24!important;box-shadow:var(--dimau-header-rest)!important;}
 html:root body a[class*="visitor-experience_dialogLogo"]:is(:hover,:focus-visible) {box-shadow:var(--dimau-header-lit)!important;}
 html:root body #root#root :is(button.music-mini__play,button.nav-music__play),
 html:root body #app#app button#sk-hero-play,
 html:root body button[data-music-toggle][data-music-toggle] {box-shadow:var(--dimau-header-rest)!important;overflow:visible!important;}
 html:root body #root#root :is(button.music-mini__play,button.nav-music__play):is(:hover,:focus-visible,:active),
 html:root body #app#app button#sk-hero-play:is(:hover,:focus-visible,:active),
 html:root body button[data-music-toggle][data-music-toggle]:is(:hover,:focus-visible,:active) {box-shadow:var(--dimau-header-lit)!important;}
 @media(max-width:720px){
  html:root body .dimau-owner-logo-frame::before {border-radius:10px!important;}
  html:root body :is(img.dimau-owner-logo,img[src*="dimau-owner-logo"],img[src$="/dimau-fintech-logo.png"]):not(.dimau-owner-logo-frame img) {border-radius:4px!important;}
 }
 @media(prefers-reduced-motion:reduce){html:root body .dimau-owner-logo-frame::before {transition:none!important;}}
 @media(forced-colors:active){
  html:root body .dimau-owner-logo-frame::before {background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important;}
  html:root body :is(img.dimau-owner-logo,img[src*="dimau-owner-logo"],img[src$="/dimau-fintech-logo.png"]) {outline-color:CanvasText!important;box-shadow:none!important;}
  html:root body #root#root :is(button.music-mini__play,button.nav-music__play),html:root body #app#app button#sk-hero-play,html:root body button[data-music-toggle][data-music-toggle] {box-shadow:none!important;}
 }
 @media print{html:root body .dimau-owner-logo-frame::before,html:root body img.dimau-owner-logo {box-shadow:none!important;}}
}

/* History pill rows v2 — 18 October 2026. Native actions and artwork retained. */
@layer dimau-history-lighting{
html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.bw-line button,.bula-btn,button[data-bula-open]){box-sizing:border-box!important;min-height:44px!important;border:1px solid #ff8a24!important;border-radius:4px 16px!important;background:rgba(240,248,255,.86)!important;color:#000080!important;box-shadow:0 0 0 1px rgba(255,208,160,.35),0 0 12px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18)!important;outline:0;font-family:var(--dimau-font,Manrope),system-ui,sans-serif!important;font-weight:700!important;font-size:14px!important;line-height:1.2!important;letter-spacing:normal!important;text-transform:none!important;padding:10px 16px!important;white-space:nowrap!important;text-decoration:none!important;}
html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):is([aria-current="page"],[aria-selected="true"],.active,.on),.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):is([aria-current="page"],[aria-selected="true"],.active,.on),nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):is([aria-current="page"],[aria-selected="true"],.active,.on),.bw-line button:is([aria-current="page"],[aria-selected="true"],.active,.on),.bula-btn:is([aria-current="page"],[aria-selected="true"],.active,.on),button[data-bula-open]:is([aria-current="page"],[aria-selected="true"],.active,.on)){background:rgba(218,239,255,.98)!important;box-shadow:inset 0 0 0 1px #ff8a24,0 0 0 1px rgba(255,208,160,.35),0 0 12px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18)!important;}
html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):focus-visible,.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):focus-visible,nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):focus-visible,.bw-line button:focus-visible,.bula-btn:focus-visible,button[data-bula-open]:focus-visible){outline:2px solid #ff8a24!important;outline-offset:-3px!important;box-shadow:0 0 0 2px rgba(255,157,55,.98),0 0 14px 4px rgba(255,166,74,.95),0 0 32px 8px rgba(255,138,36,.72),inset 0 0 18px 3px rgba(255,175,76,.65)!important;}
@media(hover:hover) and (pointer:fine){html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):hover,.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):hover,nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled):hover,.bw-line button:hover,.bula-btn:hover,button[data-bula-open]:hover){background:rgba(240,248,255,.98)!important;box-shadow:0 0 0 2px rgba(255,157,55,.98),0 0 14px 4px rgba(255,166,74,.95),0 0 32px 8px rgba(255,138,36,.72),inset 0 0 18px 3px rgba(255,175,76,.65)!important;}
}
html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;scrollbar-color:#ff8a24 rgba(255,138,36,.18)!important;overscroll-behavior-x:contain;scroll-padding-inline:8px;padding-bottom:10px!important;-webkit-overflow-scrolling:touch;}
html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom>*){flex:0 0 auto!important;}
html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled)){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;height:40px!important;min-height:40px!important;padding:7px 12px!important;white-space:nowrap!important;}
html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom)::-webkit-scrollbar{height:6px!important;width:6px!important}html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom)::-webkit-scrollbar-track{background:rgba(255,138,36,.18)!important;border-radius:999px!important}html:root body:not(#dimau-pill-unused):not(#dimau-pill-row-size) :is(nav.bottom)::-webkit-scrollbar-thumb{background:#ff8a24!important;border-radius:999px!important;box-shadow:0 0 6px rgba(255,138,36,.5)!important}nav.bottom{max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}nav.bottom button{display:inline-flex!important;flex-direction:row!important;gap:6px!important}nav.bottom button em{font-size:16px!important;font-style:normal!important}.sk-site-header{min-width:0!important;max-width:100%!important}
html:root body:not(#dimau-pill-unused) :is(header.top input[type="search"],.sk-site-header input[type="search"]){box-sizing:border-box!important;min-width:0!important;min-height:44px!important;border:1px solid #ff8a24!important;border-radius:4px 16px!important;background:rgba(240,248,255,.86)!important;color:#000080!important;box-shadow:0 0 0 1px rgba(255,208,160,.35),0 0 12px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18)!important;font-size:16px!important;}
@media(forced-colors:active){html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.bw-line button,.bula-btn,button[data-bula-open]){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;}
html:root body:not(#dimau-pill-unused) :is(nav.bottom){scrollbar-color:auto!important;}
}
@media print{html:root body:not(#dimau-pill-unused) :is(header.top :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.sk-site-header :is(button,summary,a.btn,a.button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),nav.bottom :is(a,button):not(.brand):not(.brand-symbol):not(.logo-tile):not(.logotile):not(.sk-site-brand):not([class*="music"]):not([class*="flagBadge"]):not([data-music-toggle]):not(#sk-hero-play):not(:has(img.dimau-owner-logo)):not(.danger):not([aria-disabled="true"]):not(:disabled),.bw-line button,.bula-btn,button[data-bula-open]){box-shadow:none!important;}
}
}

/* Native header mark keeps the same corners on phone and desktop. */
@layer dimau-history-lighting {
 #app.bv-welcome .sk-site-brand img.dimau-owner-logo {border-radius:8px!important;flex:none;}
}

/* Owner correction: pattern belongs to the header background; text stays solid.
   One top row contains Dimau, the single Sota Kece title and the existing music control. */
#app.bv-welcome .sk-site-header.sk-pattern-masthead {
 display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;
 gap:16px;min-height:104px;padding:16px 24px;margin-bottom:0;
 background:#123d58 url('/assets/sota-blue-white-background-20261021.png') center/420px 420px repeat;
}
#app.bv-welcome .sk-site-header.sk-pattern-masthead .sk-pattern-heading {
 box-sizing:border-box;min-width:0;margin:0;padding:0;text-align:center;
 font:900 clamp(40px,4.5vw,64px)/1.12 Nunito,Arial,sans-serif!important;
 letter-spacing:-.035em;white-space:nowrap;
 color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;
 text-shadow:0 2px 5px #08253c;
}
/* The original baked brand strips stay cropped below the single live header. */
#app.bv-welcome .sk-original-design {margin-top:-10.58823529%;}
@media(max-width:760px){#app.bv-welcome .sk-original-design {margin-top:-21.82539683%;}}
@media(forced-colors:active){
 #app.bv-welcome .sk-site-header.sk-pattern-masthead {background:Canvas;}
 #app.bv-welcome .sk-pattern-heading {color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none;}
}

@media(max-width:760px){
 #app.bv-welcome .sk-site-header.sk-pattern-masthead {min-height:80px;padding:12px 16px;gap:8px;}
 #app.bv-welcome .sk-site-header.sk-pattern-masthead .sk-pattern-heading {font-size:clamp(28px,6.5vw,40px)!important;}
}

/* Both header controls share a centre line and symmetric edge spacing. */
#app.bv-welcome .sk-site-header.sk-pattern-masthead {
 --sk-header-control:48px;
 grid-template-columns:var(--sk-header-control) minmax(0,1fr) var(--sk-header-control);
}
#app.bv-welcome .sk-site-header.sk-pattern-masthead .sk-site-brand {
 display:grid;place-items:center;align-self:center;justify-self:center;
 box-sizing:border-box;width:var(--sk-header-control);height:var(--sk-header-control);
 min-height:var(--sk-header-control);padding:0;gap:0;
}
#app.bv-welcome .sk-site-header.sk-pattern-masthead .sk-hero-play {
 align-self:center;justify-self:center;
 width:var(--sk-header-control);height:var(--sk-header-control);
 min-width:var(--sk-header-control);min-height:var(--sk-header-control);
 flex-basis:var(--sk-header-control);
}
@media(min-width:761px){
 #app.bv-welcome .sk-site-header.sk-pattern-masthead {--sk-header-control:60px;}
 #app.bv-welcome .sk-site-header .sk-site-brand img.dimau-owner-logo {
  width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;
 }
}