/* Dimau Fintech — sky-blue glass theme, matched to the Fiji Digital page.
   Loaded after the brand theme (dimau-theme.css). Light surfaces, dark words. */
html:root body{--paper:transparent;--soft:rgba(240,248,255,.42);--ink:#000000;--muted:#191970;--line:rgba(30,144,255,.35);--accent:#1E90FF;--dm-header:rgba(240,248,255,.42);--dm-header-text:#000000;--dm-border:rgba(30,144,255,.35)}
/* the dark Explorer keeps its original colours */
html:root .network-hero{--paper:#fff;--ink:#061a55;--muted:#53627a;--line:#d9e4ec;--accent:#0753b8;--soft:#edf4fb;--dm-header:#0b2a4a;--dm-header-text:#f4f7fb;--dm-border:#d8e2eb}
@scope (body) to (.network-hero) {

:scope,:scope main,:scope .section,:scope section{background-color:transparent!important;color:#000000}
:scope :is(.section,section):not(#fiji-digital){background-image:none!important}

/* header: frosted bar, dark words */
:scope .site-header{background:rgba(240,248,255,.42)!important;background-image:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1.5px solid rgba(240,248,255,.9)!important;color:#000000!important}
:scope .site-header:before{display:none!important}
:scope .site-header :is(.site-title,.brand){color:#000000!important;font-family:var(--dm-head-font)!important;font-weight:800!important}
:scope .site-header nav>a{color:#000080!important}
:scope .site-header nav>a:hover{background:rgba(240,248,255,.7)!important}


/* venture cards and every other panel: one glass layer */
:scope :is(.venture-card,.recommendation,.sample,.regulatory-content blockquote,.why-note,.challenge-grid button,.persona-tabs button){background:rgba(240,248,255,.42)!important;border:1.5px solid #1E90FF!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;border-radius:6px 26px 6px 26px!important;color:#000000}
:scope .venture-card .venture-context{background:rgba(240,248,255,.6)!important;border:1px solid rgba(30,144,255,.35)!important;border-radius:4px 16px 4px 16px!important}
:scope .stage-badge{background:#FFFFFF!important;color:#000080!important;border:1px solid rgba(30,144,255,.45)!important;border-radius:999px!important}
:scope :is(.venture-sector,.eyebrow,.ventures-count,.small-note){color:#191970!important}
:scope :is(.venture-summary,.venture-context,.why-content,.solution-intro,.experience-content,.responsible-content,.regulatory-content,.references-section) :is(p,li,span){color:#000000}
:scope :is(.venture-link,.reference-link,.text-link,.contact-link){color:#000080!important;border-color:rgba(30,144,255,.45)!important}
:scope :is(.challenge-grid button,.persona-tabs button)[aria-pressed=true],:scope :is(.challenge-grid button,.persona-tabs button).active{background:linear-gradient(135deg,#1E90FF,#4682B4)!important;color:#F0F8FF!important}
:scope :is(h1,h2,h3) :is(em,span.accent){color:#1E90FF!important}

/* "Let's talk": frosted panel, not navy */
:scope .contact{background:rgba(240,248,255,.42)!important;color:#000000!important;border-top:1.5px solid rgba(240,248,255,.9);border-bottom:1.5px solid rgba(240,248,255,.9)}
:scope .contact :is(h2,p,.eyebrow,.small-note,em,a){color:#000080!important}
:scope .contact h2{color:#000000!important}

/* footer */
:scope footer{background:rgba(240,248,255,.42)!important;color:#000080!important;border-top:1.5px solid rgba(240,248,255,.9)}
:scope footer :is(a,p,span,button){color:#000080!important}
:scope .skip-link{background:#FFFFFF!important;color:#000080!important}

:scope :is(.recommendation,.sample,.why-note,.regulatory-content blockquote){padding:16px 20px!important}


/* one type scale and one rhythm across every section (matches Fiji Digital) */
:scope :is(.eyebrow,.venture-sector,.stage-badge,.ventures-count){font-size:12px!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase}
:scope .stage-badge{text-transform:none;letter-spacing:.02em!important}
:scope :is(.small-note,.why-note){font-size:13px!important}
:scope .venture-card h3{font-size:clamp(17px,15px + .4vw,20px)!important;font-weight:800!important}
:scope .venture-card strong{font-family:var(--dm-head-font)!important;font-size:15px!important;font-weight:700!important;color:#000000}
:scope :is(.venture-link,.text-link,.reference-link,.contact-link){font-family:var(--dm-head-font)!important;font-size:14px!important;font-weight:700!important}
:scope footer :is(a,span,p,small){font-family:var(--dm-font)!important;font-size:13px!important}
:scope footer>a:first-child{font-family:var(--dm-head-font)!important;font-size:20px!important;font-weight:800!important}
:scope :is(.references-section,.contact){padding-top:100px!important;padding-bottom:90px!important}
@media (max-width:640px){:scope :is(.references-section,.contact){padding-top:48px!important;padding-bottom:44px!important}}

/* tighter rhythm: less empty space between sections */
:scope :is(.why-section,.ventures-section,.solutions,.principles,.regulatory-section,.references-section,.contact){padding-top:64px!important;padding-bottom:56px!important}
:scope .experience{padding-top:0!important;padding-bottom:0!important}
:scope .section-heading{margin-bottom:20px!important}
:scope .ventures-grid{gap:14px!important}
/* the ventures: one dropdown */
:scope .ventures-toggle{display:inline-flex;align-items:center;gap:10px;margin:4px 0 18px;padding:12px 20px;min-height:44px;cursor:pointer;font-family:var(--dm-head-font)!important;font-size:15px!important;font-weight:700!important;color:#000080!important;background:rgba(240,248,255,.62)!important;border:1.5px solid #1E90FF!important;border-radius:4px 16px 4px 16px!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}
:scope .ventures-toggle:hover{background:rgba(240,248,255,.9)!important}
:scope .ventures-grid:not(.is-open){display:none!important}
@media (max-width:640px){
 :scope :is(.why-section,.ventures-section,.solutions,.principles,.regulatory-section,.references-section,.contact){padding-top:32px!important;padding-bottom:26px!important}
 :scope :is(.ventures-grid.is-open,.principle-grid){min-width:0!important;max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:12px!important;padding:4px 2px 12px!important;-webkit-overflow-scrolling:touch}
 :scope .ventures-grid.is-open>*{flex:0 0 84%!important;scroll-snap-align:start;max-width:none!important}
 :scope .principle-grid>*{flex:0 0 70%!important;scroll-snap-align:start}
 :scope footer{padding-top:16px!important;padding-bottom:16px!important}
}
}

/* the Explorer on phones: smaller, same dark look */
@media (max-width:640px){
 html:root .network-hero{padding-top:10px!important;padding-bottom:8px!important}
 html:root .network-hero .network-heading{font-size:26px!important;line-height:1.08!important;margin:0 0 4px!important}
 html:root .network-hero :is(.cluster-legend,.network-instructions-mobile,.network-instructions-simple,.network-note){display:none!important}
 html:root .network-hero .network-intro{min-height:0!important;margin-bottom:0!important;padding-bottom:0!important}
 html:root .network-hero .network-map{height:230px!important}
 html:root .network-hero .network-caption{margin-top:0!important;padding-top:4px!important}
}

/* phones: the full "Bula! Welcome to ..." words, not just "Bula!" */
@media (max-width:640px){html:root :is(#dimau-shell-utility,.bw-pill).bw-pill.bw-pill .bw-long{display:inline!important}html:root :is(#dimau-shell-utility,.bw-pill).bw-pill.bw-pill .bw-short{display:none!important}html:root .bw-pill{white-space:nowrap}}

/* phones: Explorer boxes become tight see-through pills with the app name only */
@media (max-width:640px){
 html:root .network-hero .app-node{display:inline-flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;width:auto!important;min-width:0!important;max-width:150px!important;min-height:0!important;height:auto!important;padding:4px 10px!important;gap:0!important;border-radius:999px!important;background:rgba(6,26,85,.22)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(158,210,246,.6)!important;box-shadow:0 0 10px rgba(41,181,255,.25)!important}
 html:root .network-hero .app-node:before{display:none!important}
 html:root .network-hero .app-node :is(.node-code,small,i){display:none!important}
 html:root .network-hero .app-node strong{font-size:11px!important;line-height:1.2!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;color:#fff!important}
}

/* Light sky surfaces across the page. The page background is the brand sky
   gradient set in dimau-theme.css; the Explorer keeps its own dark palette. */
html:root{
  --glass:rgba(240,248,255,.42);
  --glass-edge:rgba(240,248,255,.9);
  --glass-shadow:inset 0 1px 0 rgba(240,248,255,.95),inset 0 0 22px rgba(240,248,255,.35),0 10px 28px rgba(70,130,180,.22);
}
html:root body{
  --paper:transparent;--soft:rgba(240,248,255,.42);--ink:#000000;
  --muted:#191970;--line:rgba(30,144,255,.35);--accent:#1E90FF;
  --dm-header:rgba(240,248,255,.42);--dm-header-text:#000000;
  --dm-border:rgba(30,144,255,.35);color:#000000;
}
@scope (body) to (.network-hero) {
  :scope,:scope main,:scope .section,:scope section{color:#000000}
  :scope :is(.section,footer) :is(h1,h2,h3,h4,strong){color:#000000!important}
  :scope :is(.venture-summary,.venture-context,.why-content,.solution-intro,.experience-content,.responsible-content,.regulatory-content,.references-section) :is(p,li,span){color:#0b1d3a!important}
  :scope :is(.venture-sector,.eyebrow,.ventures-count,.small-note){color:#191970!important}
  :scope :is(.venture-link,.reference-link,.text-link,.contact-link){color:#000080!important;border-color:rgba(30,144,255,.45)!important}
  :scope :is(h1,h2,h3) :is(em,span.accent){color:#0753b8!important}
  :scope :is(.bw-pill,.bw-share,#dimau-shell-utility,#dimau-shell-account,.dm-acct-btn,.fb-open,.share){background:rgba(240,248,255,.62)!important;color:#000080!important;border:1.5px solid rgba(30,144,255,.45)!important;box-shadow:none!important}
  :scope :is(.bw-pill,.bw-share,#dimau-shell-utility,#dimau-shell-account,.dm-acct-btn,.fb-open,.share):hover{background:rgba(240,248,255,.92)!important}
  :scope .skip-link{background:#FFFFFF!important;color:#000080!important}
}
html:root ::selection{background:#87CEEB;color:#000000}
@media (max-width:640px){html:root{background-attachment:scroll!important}}