/* Dimau blue glass v2. Visual roles only: each app keeps its subject imagery, native working layout, semantic status colours and approved artwork. */ @font-face{font-family:'Dimau Manrope';font-style:normal;font-weight:400 800;font-display:optional;src:url('./fonts/manrope-latin-v20.woff2') format('woff2')} @font-face{font-family:'Dimau Manrope';font-style:normal;font-weight:400 800;font-display:optional;src:url('./fonts/manrope-latin-ext-v20.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} :root{ --dimau-font:'Dimau Manrope',Manrope,system-ui,-apple-system,'Segoe UI',sans-serif; --dimau-page-title:clamp(2rem,1.7rem + 1.3vw,2.75rem); --dimau-section-title:clamp(1.5rem,1.3rem + .8vw,2rem); --dimau-card-title:clamp(1.25rem,1.15rem + .4vw,1.5rem); --dimau-body:1rem;--dimau-small:.875rem;--dimau-caption:.75rem; --dimau-ink:#0b2540;--dimau-muted:#284b68;--dimau-blue:#075b94; --dimau-glass:rgba(238,248,255,.78);--dimau-glass-dense:rgba(238,248,255,.9); --dimau-edge:rgba(41,139,210,.48);--dimau-light:0 0 0 1px rgba(70,173,255,.36),0 0 22px rgba(35,150,245,.25),inset 0 1px rgba(255,255,255,.7); --dui-font-body:var(--dimau-font);--dui-font-display:var(--dimau-font); --dm-font:var(--dimau-font)!important;--body:var(--dimau-font)!important;--disp:var(--dimau-font)!important;--font-body:var(--dimau-font)!important;--font-display:var(--dimau-font)!important; --dui-text-4xl:var(--dimau-page-title);--dui-text-3xl:var(--dimau-section-title);--dui-text-2xl:var(--dimau-card-title); --dui-accent:var(--dimau-blue);--dui-card-bg:var(--dimau-glass);--dui-card-blur:blur(12px); } :root body{font-family:var(--dimau-font)!important;font-size:var(--dimau-body);font-weight:400;line-height:1.65} :root body :is(h1,h2,h3,h4,h5,h6,p,blockquote,dt,dd,label,summary,button,input,select,textarea,th,td){font-family:var(--dimau-font)!important} body :is(h1,h2,h3){font-weight:800;letter-spacing:-.025em;line-height:1.2;text-wrap:balance} .dimau-page-title{font-size:var(--dimau-page-title)!important} .dimau-section-title{font-size:var(--dimau-section-title)!important} .dimau-card-title{font-size:var(--dimau-card-title)!important} body :is(input,select,textarea){font-size:1rem} .dimau-glass{background:var(--dimau-glass)!important;color:var(--dimau-ink)!important;border:1px solid var(--dimau-edge);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(8,58,100,.12),inset 0 1px rgba(255,255,255,.72)} .dimau-glass :is(h1,h2,h3,p){color:var(--dimau-ink)} .dimau-glass-dense{background:var(--dimau-glass-dense)!important} body :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #075b94;outline-offset:3px} .dimau-glass:focus-within{border-color:#2195ed;box-shadow:var(--dimau-light)} @media(hover:hover){.dimau-glass:hover{border-color:#2195ed;box-shadow:var(--dimau-light)}.dimau-glass :is(p,h1,h2,h3,label,summary):hover{text-shadow:0 0 14px rgba(0,139,255,.42)}} @media(prefers-reduced-transparency:reduce){.dimau-glass{background:#eef8ff!important;-webkit-backdrop-filter:none;backdrop-filter:none}} @media(prefers-reduced-motion:reduce){.dimau-glass{transition:none!important}.dimau-glass:hover{transform:none!important}} @media(forced-colors:active){.dimau-glass{background:Canvas!important;color:CanvasText!important;border-color:CanvasText;box-shadow:none;backdrop-filter:none}.dimau-glass :is(h1,h2,h3,p){color:CanvasText}body :is(a,button,summary,input,select,textarea):focus-visible{outline-color:Highlight}} @media print{.dimau-glass{background:white!important;color:black!important;box-shadow:none;backdrop-filter:none}} /* Native adapter: mydebtcalculator. Keep app workflow and background imagery. */ :root body :is(header,.hdr) :is(.brandname,.brand .name,.brand-name,.brand .tag b){font-family:var(--dimau-font)!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important} :root body :is(header,.hdr) :is(.brandname small,.brand-caption,.brand .tag span){font-family:var(--dimau-font)!important;font-size:.75rem!important;line-height:1.4!important} :root body .dimau-owner-logo-frame{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex:0 0 36px!important;padding:0!important} :root body .dimau-owner-logo-frame .dimau-owner-logo{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;max-width:100%!important} :root body :is(.btn,.dui-btn){min-height:44px} :root body :is(.hero h1,.hero-answer .figure){font-size:var(--dimau-page-title)!important;font-family:var(--dimau-font)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em!important} :root body :is(.step h2,.panel>h2){font-size:var(--dimau-section-title)!important;font-family:var(--dimau-font)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em!important} :root body :is(.panel h3){font-size:var(--dimau-card-title)!important;font-family:var(--dimau-font)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em!important} :root body :is(.panel,.hero-answer,.hero-control){background:var(--dimau-glass)!important;color:var(--dimau-ink)!important;border-color:var(--dimau-edge)!important;border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #083a641f,inset 0 1px #ffffffb8} :root body :is(.panel,.hero-answer,.hero-control):focus-within{box-shadow:var(--dimau-light)!important} @media(hover:hover){:root body :is(.panel,.hero-answer,.hero-control):hover{box-shadow:var(--dimau-light)!important}:root body :is(.panel,.hero-answer,.hero-control) :is(p,h1,h2,h3):hover{text-shadow:0 0 14px #008bff6b}} @media(prefers-reduced-transparency:reduce){:root body :is(.panel,.hero-answer,.hero-control){background:#eef8ff!important;backdrop-filter:none;-webkit-backdrop-filter:none}} @media(forced-colors:active){:root body :is(.panel,.hero-answer,.hero-control){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none}:root body :is(.panel,.hero-answer,.hero-control) :is(h1,h2,h3,p){color:CanvasText!important}} header h1,.brand h1{font-size:18px!important}.hero-answer h2{font-size:var(--dimau-page-title)!important;line-height:1.15!important;font-weight:800!important}.hero-answer :is(p,small){color:var(--dimau-muted)!important} /* History lighting v1 — exact museum text/control glow; existing app roles retained. */ @layer dimau-history-lighting { :root{--dimau-history-rest-shadow:0 0 0 1px rgba(95,177,244,.36),0 2px 10px rgba(30,144,255,.2),inset 0 1px 5px rgba(255,255,255,.94);--dimau-history-edge:#68b6f1} :where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))){background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(217,239,255,.76))!important;color:#0b2540!important;border-color:var(--dimau-history-edge)!important;border-radius:6px!important;outline:1px solid rgba(71,162,235,.68);outline-offset:-1px;box-shadow:var(--dimau-history-rest-shadow)!important;text-transform:none!important;letter-spacing:normal!important} :where(:is(.btn-primary,.button-primary,.primary,.landing-button:not(.secondary),.dm-btn:not(.dm-btn-quiet):not(.dm-btn-ink)):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))){background:linear-gradient(135deg,#168bf0,#2874b2)!important;color:#fff!important;border-color:#1579c8!important} :where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))):is([aria-pressed="true"],[aria-selected="true"],[aria-current="page"],.active,.is-active,.selected){background:linear-gradient(180deg,#d9efff,#bddffc)!important;color:#063c70!important;outline:2px solid #168bf0;outline-offset:-2px} :where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))):is(:focus-visible,:active){box-shadow:var(--museum-control-glow)!important;text-shadow:var(--museum-text-glow)!important} @media(hover:hover) and (pointer:fine){:where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))):hover{box-shadow:var(--museum-control-glow)!important;text-shadow:var(--museum-text-glow)!important}} @media(prefers-reduced-motion:reduce){:where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))){transition:none!important;animation:none!important}} @media(forced-colors:active){:where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;outline-color:ButtonText!important;box-shadow:none!important;text-shadow:none!important}:where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))):focus-visible{outline:3px solid Highlight!important;outline-offset:3px!important;box-shadow:none!important;text-shadow:none!important}} @media print{:where(:is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],select,summary,a.btn,a.button,a.dui-btn,a.dm-btn,a.dm-chip,a.landing-button,header nav a,.nav-tabs a):not(:disabled):not([aria-disabled="true"]):not([role="switch"]):not([role="checkbox"]):not([role="radio"]):not(.danger):not(.destructive):not(.btn-danger):not(.btn-destructive):not(.btn-warning):not(.btn-success):not([data-variant="destructive"]):not([data-tone="danger"]):not([data-service]):not([data-platform]):not([class*="social"]):not([class*="share-app"]):not(:has(img,canvas,video))){box-shadow:none!important;text-shadow:none!important}} } /* Shared museum lighting. Important layer beats older page-specific overrides. Shadows only: no image filters, colour changes, layout shifts or animation. */ @layer dimau-history-lighting { :root { --museum-control-glow: 0 0 0 2px rgba(255,255,255,.98), 0 0 14px 4px rgba(56,189,248,.95), 0 0 32px 8px rgba(30,144,255,.72), inset 0 0 18px 3px rgba(240,249,255,.65); --museum-text-glow: 0 0 1px #fff, 0 0 5px rgba(255,255,255,.98), 0 0 12px rgba(125,211,252,.95), 0 0 22px rgba(56,189,248,.8); } /* Keyboard users and touch presses receive the same lighting as a mouse. */ :where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], select, summary):not(:disabled):not([aria-disabled="true"]):is(:focus-visible, :active) { box-shadow: var(--museum-control-glow) !important; text-shadow: var(--museum-text-glow) !important; } :where(button, a[href], [role="button"], input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):not(:disabled):not([aria-disabled="true"]):focus-visible { outline: 2px solid #fff !important; outline-offset: 4px !important; box-shadow: var(--museum-control-glow) !important; text-shadow: var(--museum-text-glow) !important; } @media (hover: hover) and (pointer: fine) { :where(button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], select, summary):not(:disabled):not([aria-disabled="true"]):hover { box-shadow: var(--museum-control-glow) !important; text-shadow: var(--museum-text-glow) !important; } /* Text can light up without a border or a new click action. */ :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd, label, legend, summary, figcaption, blockquote, span, small, strong, b, em, i, a, button, input, textarea, text, tspan, td, th, caption, code, pre, time, address, cite, q, abbr, u, mark, div:not(:has(*)), .label, .room-sign, .status):not(:disabled):not([aria-disabled="true"]):not(:where(:disabled, [aria-disabled="true"]) *):hover { text-shadow: var(--museum-text-glow) !important; } } } /* Compact header tabs keep their lighting inside the button and scroll row. */ @layer dimau-history-lighting { [data-museum-visitor-experience] header nav > button { --museum-control-glow: inset 0 0 0 1px rgba(30,144,255,.8), inset 0 0 8px rgba(56,189,248,.28); --museum-text-glow: 0 0 3px rgba(240,249,255,.85); } [data-museum-visitor-experience] header nav > button:not(:disabled):not([aria-disabled="true"]):focus-visible { outline: 2px solid #1E90FF !important; outline-offset: -3px !important; } } @layer dimau-history-lighting{@media(forced-colors:active){:root{--museum-control-glow:none!important;--museum-text-glow:none!important;--dimau-history-rest-shadow:none!important}:root body :is(button,a,input,select,textarea,summary,h1,h2,h3,h4,h5,h6,p,li,span,label,td,th):is(:hover,:focus-visible,:active){text-shadow:none!important;box-shadow:none!important}}} @layer dimau-history-lighting{:where(:root body :is(.panel,.hero-answer,.hero-control)){border-color:#70b7ea!important;outline:1px solid rgba(95,177,244,.35);outline-offset:-1px;box-shadow:var(--dimau-history-rest-shadow)!important}:where(:root body :is(.panel,.hero-answer,.hero-control)):focus-within{box-shadow:var(--museum-control-glow)!important}@media(hover:hover) and (pointer:fine){:where(:root body :is(.panel,.hero-answer,.hero-control)):hover{box-shadow:var(--museum-control-glow)!important}}@media(forced-colors:active){:where(:root body :is(.panel,.hero-answer,.hero-control)){outline-color:CanvasText!important;box-shadow:none!important}}@media print{:where(:root body :is(.panel,.hero-answer,.hero-control)){box-shadow:none!important}}} /* 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(135,206,235,.35),0 0 12px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.18); --dimau-header-lit:0 0 0 2px rgba(255,255,255,.98),0 0 14px 4px rgba(56,189,248,.95),0 0 32px 8px rgba(30,144,255,.72),inset 0 0 18px 3px rgba(240,249,255,.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 #1e90ff!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:#1e90ff!important;border-radius:8px!important;outline:1.5px solid #1e90ff!important;outline-offset:4.5px!important; box-shadow:0 0 0 4.5px #fff,0 0 0 6px rgba(135,206,235,.35),0 0 12px 6px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.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:#1e90ff!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 :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),.bw-line button,.bula-btn,button[data-bula-open]){box-sizing:border-box!important;min-height:44px!important;border:1px solid #1e90ff!important;border-radius:4px 16px!important;background:rgba(240,248,255,.86)!important;color:#000080!important;box-shadow:0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.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 :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),.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 #1e90ff,0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.18)!important;} html:root body:not(#dimau-pill-unused) :is(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,.bw-line button:focus-visible,.bula-btn:focus-visible,button[data-bula-open]:focus-visible){outline:2px solid #1e90ff!important;outline-offset:-3px!important;box-shadow:0 0 0 2px rgba(255,255,255,.98),0 0 14px 4px rgba(56,189,248,.95),0 0 32px 8px rgba(30,144,255,.72),inset 0 0 18px 3px rgba(240,249,255,.65)!important;} @media(hover:hover) and (pointer:fine){html:root body:not(#dimau-pill-unused) :is(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,.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,255,255,.98),0 0 14px 4px rgba(56,189,248,.95),0 0 32px 8px rgba(30,144,255,.72),inset 0 0 18px 3px rgba(240,249,255,.65)!important;} } html:root body:not(#dimau-pill-unused) :is(header .brand h1){font-family:var(--dimau-font,Manrope),system-ui,sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:normal!important;} html:root body:not(#dimau-pill-unused) :is(body>header .brandrow>div>p){font-size:12px!important;line-height:1.3!important;} header .brandrow{min-height:64px!important;padding:8px 12px!important;gap:10px!important;align-items:center!important}header .brand h1{margin:0!important;letter-spacing:normal!important}header .brandrow>div:nth-child(2){flex:1!important;min-width:0!important}header .hdr-right{margin-left:auto!important;flex-shrink:0!important}header .brandrow>div>p{margin:3px 0 0!important} html:root body:not(#dimau-pill-unused) :is(header input[type="search"]){box-sizing:border-box!important;min-width:0!important;min-height:44px!important;border:1px solid #1e90ff!important;border-radius:4px 16px!important;background:rgba(240,248,255,.86)!important;color:#000080!important;box-shadow:0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.18)!important;font-size:16px!important;} @media(forced-colors:active){html:root body:not(#dimau-pill-unused) :is(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),.bw-line button,.bula-btn,button[data-bula-open]){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;} } @media print{html:root body:not(#dimau-pill-unused) :is(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),.bw-line button,.bula-btn,button[data-bula-open]){box-shadow:none!important;} } } /* Dimau consistent native header v1 — 18 October 2026. */ @layer dimau-history-lighting{ html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brand h1){font-size:18px!important;font-weight:800!important;line-height:21.6px!important;letter-spacing:normal!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(body>header .brandrow>div>p){font-size:12px!important;line-height:15.6px!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(.wrap>header){margin-left:-16px!important;margin-right:-16px!important;width:calc(100% + 32px)!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow){padding:8px 12px!important;gap:8px!important;min-height:64px!important;align-items:center!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .logotile){width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;overflow:visible!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow>div:nth-child(2)){display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:48px!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brand h1){margin:0!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow>div>p){margin:2px 0 0!important;line-height:15.6px!important;font-size:12px!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(body>header){display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow){display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;width:100%!important;margin:0!important;box-sizing:border-box!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow .logotile){grid-column:1!important;grid-row:1!important;order:0!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow>div:nth-child(2)){grid-column:2/-1!important;grid-row:1!important;min-width:0!important;order:0!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow>div>p){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow .hdr-right){grid-column:1/-1!important;grid-row:2!important;order:0!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(.wrap>header){display:block!important;padding:0!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brand){min-height:0!important;height:auto!important;} html:root body:not(#dimau-consistency-a):not(#dimau-consistency-b):not(#dimau-consistency-c) :is(header .brandrow>div>p){min-height:0!important;height:auto!important;} }