/* Shared StellarQuant navigation: machined edges, recessed faces, restrained light. */
header .sq-nav.sq-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
header .sq-nav.sq-nav> :is(a,button),header .sq-nav.sq-nav>.member-access>a{--nav-accent:#83b9d8;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;padding:11px 19px;border:0;border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:linear-gradient(135deg,#7196aa 0%,#253c50 30%,#253c50 70%,var(--nav-accent) 100%);font:600 13px/1.3 system-ui,sans-serif;letter-spacing:.02em;color:#e8f2f7;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .2s}
header .sq-nav.sq-nav> :is(a,button):before,header .sq-nav.sq-nav>.member-access>a:before{content:'';position:absolute;z-index:-1;inset:1px;clip-path:inherit;background:linear-gradient(150deg,#1b3648,#0b1c2b 55%,#112838)}
header .sq-nav.sq-nav> :is(a,button):after,header .sq-nav.sq-nav>.member-access>a:after{content:'';position:absolute;left:17px;right:40%;top:0;height:2px;background:var(--nav-accent);box-shadow:0 0 10px var(--nav-accent)}
header .sq-nav.sq-nav> :is(.buy,.header-purchase){--nav-accent:#edc787;color:#f4ddb1;background:linear-gradient(135deg,#ddb474,#56432e 55%,#bc9559)}
header .sq-nav.sq-nav> a[href*='/account/'],header .sq-nav.sq-nav>.member-access>a{--nav-accent:#b9a8dd}
header .sq-nav.sq-nav>.member-access{display:contents;padding:0;border:0;background:none}
header .sq-nav.sq-nav> :is(a,button):hover,header .sq-nav.sq-nav>.member-access>a:hover{filter:brightness(1.22);transform:translateY(-1px)}
header .sq-nav.sq-nav :is(a,button,select):focus-visible{outline:2px solid #f3d7a3;outline-offset:3px;filter:brightness(1.2)}
header .sq-nav.sq-nav select{min-height:42px;max-width:130px;margin:0 8px 0 0!important;padding:10px 13px 10px 17px!important;border:1px solid #567e90!important;border-radius:999px;background:linear-gradient(145deg,#183b4c,#0a1b28)!important;box-shadow:inset 0 1px 0 #b9e4ee33,0 3px 12px #0004;color:#d8edf2!important;font:500 12px/1.3 system-ui,sans-serif;letter-spacing:.02em;cursor:pointer}
header .sq-nav.sq-nav select option{background:#102331;color:#eff5f6}
header .sq-nav.sq-nav button span{margin-left:3px}
.purchase-nav{margin-left:auto}.purchase-header{gap:20px;height:auto;min-height:86px;flex-wrap:wrap}.purchase-header .tag{margin-right:auto}.purchase-header .member-access{display:contents}
@media(max-width:700px){header .sq-nav.sq-nav{gap:8px;width:100%;justify-content:flex-start}header .sq-nav.sq-nav> :is(a,button),header .sq-nav.sq-nav>.member-access>a{min-height:42px;padding:10px 13px;font-size:12px}.purchase-header{padding-top:15px;padding-bottom:15px}}

.sq-language-frame { display: contents; }
/* A real shared frame keeps the native selector identical to the link frames. */
@media (max-width: 700px) {
  header .sq-nav.sq-nav > .sq-language-frame {
    --nav-accent: #83b9d8;
    display: block;
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
    background: linear-gradient(135deg,#7196aa 0%,#253c50 30%,#253c50 70%,var(--nav-accent) 100%);
  }
  header .sq-nav.sq-nav > .sq-language-frame::before {
    content: ''; position: absolute; z-index: -1; inset: 1px; clip-path: inherit;
    background: linear-gradient(150deg,#1b3648,#0b1c2b 55%,#112838);
  }
  header .sq-nav.sq-nav > .sq-language-frame::after {
    content: ''; position: absolute; left: 17px; right: 40%; top: 0; height: 2px;
    background: var(--nav-accent); box-shadow: 0 0 10px var(--nav-accent); pointer-events: none;
  }
  .app > header .topright.sq-nav.sq-nav > .sq-language-frame { grid-area: 1 / 1; }
  header .sq-nav.sq-nav > .sq-language-frame > select {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    max-width: none !important;
    height: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 6px 25px 6px 8px !important;
    border-radius: 0 !important;
    clip-path: none;
    border: 0 !important;
    background: linear-gradient(45deg,transparent 50%,#d8c396 50%) right 13px center / 5px 5px no-repeat, linear-gradient(135deg,#d8c396 50%,transparent 50%) right 8px center / 5px 5px no-repeat !important;
    box-shadow: none !important;
    color: #e8f2f7 !important;
    font: 600 11px/1.2 system-ui,sans-serif;
    text-align: center;
  }
  header .sq-nav.sq-nav > .sq-language-frame:focus-within { outline: 2px solid #f3d7a3; outline-offset: 2px; }
}
@media (min-width:701px) { header .sq-nav.sq-nav > .sq-language-frame { display: contents !important; } }

/* Mobile navigation: all standard controls use exactly the same frame. */
@media (max-width: 700px) {
  header .sq-nav.sq-nav > .sq-language-frame,
  header .sq-nav.sq-nav > :is(a, button),
  header .sq-nav.sq-nav > .member-access > a {
    --nav-accent: #83b9d8;
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    border: 0;
    border-radius: 0;
    clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
    background: linear-gradient(135deg,#7196aa 0%,#253c50 30%,#253c50 70%,#83b9d8 100%);
    box-shadow: none;
  }
  header .sq-nav.sq-nav > .sq-language-frame::before,
  header .sq-nav.sq-nav > :is(a,button)::before,
  header .sq-nav.sq-nav > .member-access > a::before {
    content: ''; position: absolute; z-index: -1; inset: 1px; clip-path: inherit;
    background: linear-gradient(150deg,#1b3648,#0b1c2b 55%,#112838);
  }
  header .sq-nav.sq-nav > .sq-language-frame::after { content: none; }
  header .sq-nav.sq-nav > :is(.buy,.header-purchase) {
    --nav-accent: #edc787;
    background: linear-gradient(135deg,#ddb474,#56432e 55%,#bc9559);
  }
}
@media (max-width:700px) {
  header .sq-nav.sq-nav > :is(a,button), header .sq-nav.sq-nav > .member-access > a { justify-content: center; gap: 0; }
  header .sq-nav.sq-nav > .sq-language-frame > select { text-align: left; padding-left: 10px !important; }
}
@media (max-width:700px) { header .sq-nav.sq-nav > .sq-language-frame > select { text-align: center; padding-left: 22px !important; padding-right: 22px !important; } }
@media (max-width:700px) {
  header .sq-nav.sq-nav > .sq-language-frame > select {
    text-align: center !important; text-align-last: center !important;
    padding-left: 22px !important; padding-right: 22px !important;
  }
}

@media (min-width:901px) { header .sq-nav.sq-nav select { font:600 13px/1.3 system-ui,sans-serif; letter-spacing:.02em; } }

/* Match the desktop homepage language selector to the observation header. */
@media (min-width:901px) {
 .app > header .topright.sq-nav.sq-nav #admin-language { min-height:42px; max-width:130px; font:600 13px/1.3 system-ui,sans-serif; letter-spacing:.02em; }
}