/* Gemeinsame Navigation von gaistnet.com, /radix und /tarot. */
.gaist-global-header {
  --gaist-nav-bg: #223b47;
  --gaist-nav-raised: #2a4653;
  --gaist-nav-text: #f2e5cd;
  --gaist-nav-muted: #c5c8bc;
  --gaist-nav-accent: #dac399;
  --gaist-nav-on-accent: #2d2922;
  --gaist-nav-border: #47616b;
  position: relative; z-index: 100; border-bottom: 1px solid var(--gaist-nav-border);
  background: var(--gaist-nav-bg); color: var(--gaist-nav-text);
  font-family: Spline Sans, Inter, ui-sans-serif, system-ui, sans-serif;
}
.gaist-global-inner {
  box-sizing: border-box; width: min(1280px, calc(100% - 32px)); min-height: 68px; margin: 0 auto;
  display: flex; align-items: center; gap: 12px; padding: 9px 0;
}
.gaist-global-home { display: inline-flex; min-width: max-content; min-height: 44px; align-items: center; gap: 9px; color: var(--gaist-nav-text); text-decoration: none; }
.gaist-global-home img { width: 32px; height: 32px; object-fit: contain; }
.gaist-global-home strong { font-size: 15px; letter-spacing: .12em; }
.gaist-global-nav { display: flex; align-items: center; gap: 2px; margin-left: 6px; }
.gaist-global-nav a, .gaist-global-menu nav a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 13px; border-radius: 9px; color: var(--gaist-nav-muted); font-size: 14px; font-weight: 700; text-decoration: none; }
.gaist-global-nav a:hover, .gaist-global-nav a[aria-current="page"], .gaist-global-menu nav a:hover, .gaist-global-menu nav a[aria-current="page"] { background: var(--gaist-nav-raised); color: var(--gaist-nav-text); text-decoration: none; }
.gaist-global-nav a[aria-current="page"] { box-shadow: inset 0 -2px var(--gaist-nav-accent); }
.gaist-global-app { display: grid; min-width: max-content; min-height: 46px; margin-left: auto; place-content: center; padding: 0 16px; border-radius: 10px; background: var(--gaist-nav-accent); color: var(--gaist-nav-on-accent); line-height: 1.05; text-align: center; text-decoration: none; }
.gaist-global-app:hover { color: var(--gaist-nav-on-accent); text-decoration: none; filter: brightness(1.04); }
.gaist-global-app strong { font-size: 14px; }
.gaist-global-app span { margin-top: 3px; font-size: 11px; font-weight: 700; opacity: .78; }
.gaist-global-tools { display: flex; align-items: center; gap: 9px; }
.gaist-global-tools .language { margin: 0; }
.gaist-global-tools .language > summary { box-sizing: border-box; min-width: 72px; min-height: 44px; display: flex; place-items: center; color: var(--gaist-nav-text); border-color: var(--gaist-nav-border); border-radius: 9px; background: var(--gaist-nav-raised); }
.gaist-global-tools .language-list { z-index: 110; border-color: var(--gaist-nav-border); background: var(--gaist-nav-bg); box-shadow: 0 16px 38px rgba(0,0,0,.25); }
.gaist-global-tools .language-list a { color: var(--gaist-nav-muted); text-decoration: none; }
.gaist-global-tools .language-list a:hover, .gaist-global-tools .language-list a[aria-current="page"] { background: var(--gaist-nav-raised); color: var(--gaist-nav-text); }
.gaist-coffee { display: inline-flex; min-height: 44px; align-items: center; color: var(--gaist-nav-muted); font-size: 14px; text-decoration: none; }
.gaist-global-menu { display: none; position: relative; margin: 0; }
.gaist-global-menu > summary { box-sizing: border-box; min-height: 44px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid var(--gaist-nav-border); border-radius: 9px; color: var(--gaist-nav-text); cursor: pointer; font-weight: 750; list-style: none; }
.gaist-global-menu > summary::-webkit-details-marker { display: none; }
.gaist-global-menu nav { position: absolute; right: 0; top: calc(100% + 7px); width: min(260px, calc(100vw - 32px)); display: grid; padding: 7px; border: 1px solid var(--gaist-nav-border); border-radius: 12px; background: var(--gaist-nav-bg); box-shadow: 0 16px 38px rgba(0,0,0,.25); }
.gaist-global-header a:focus-visible, .gaist-global-header summary:focus-visible { outline: 3px solid var(--gaist-nav-accent); outline-offset: 3px; }
@media (max-width: 920px) {
  .gaist-global-nav { display: none; }
  .gaist-global-menu { display: block; }
  .gaist-coffee span { display: none; }
}
@media (max-width: 620px) {
  .gaist-global-inner { width: min(100% - 20px, 1280px); min-height: 62px; gap: 8px; flex-wrap: wrap; }
  .gaist-global-home strong { display: none; }
  .gaist-global-app { order: 2; margin-left: auto; padding-inline: 12px; }
  .gaist-global-menu { order: 3; }
  .gaist-global-tools { order: 4; width: 100%; justify-content: flex-end; border-top: 1px solid var(--gaist-nav-border); padding-top: 5px; }
}