/* One native language menu on homepages, tools, guides and catalogues. */
.language-switcher { position:relative; flex-shrink:0; }
.language-switcher summary {
  display:flex; align-items:center; gap:8px; min-height:40px; padding:0 11px;
  border:1px solid var(--border,#253241); border-radius:8px;
  color:var(--text,#e8f0f7); cursor:pointer; list-style:none;
  font-size:.85rem; line-height:1.5;
}
.language-switcher summary::-webkit-details-marker { display:none; }
.language-switcher summary:focus-visible, .language-options a:focus-visible {
  outline:2px solid var(--accent,#2dd4bf); outline-offset:3px;
}
.language-options {
  box-sizing:border-box; position:absolute; top:calc(100% + 8px); right:0;
  width:212px; max-width:calc(100vw - 32px); padding:6px;
  display:flex; flex-direction:column; background:var(--bg,#0b0f14);
  border:1px solid var(--border,#253241); border-radius:10px; z-index:101;
}
.language-switcher:not([open]) .language-options { display:none; }
.language-options a {
  display:flex; align-items:center; box-sizing:border-box;
  min-height:44px; padding:0 12px; color:var(--muted,#9fb0c0);
  border-radius:6px; font-size:1rem; line-height:1.5;
}
.language-options a:hover, .language-options a[aria-current="page"] {
  background:var(--panel,#121922); color:var(--text,#e8f0f7);
  text-decoration:none;
}
.language-note { margin:4px 12px 8px; font-size:.8rem; color:var(--muted,#9fb0c0); }
/* The older home templates use .top rather than the shared .site-header. */
.top { position:relative; z-index:10; }
.top .wrap {
  flex-direction:row; align-items:center; padding-top:0; padding-bottom:0;
}
.home-shortcuts { display:flex; gap:1rem; margin-left:auto; }
.home-shortcuts a { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; }
.home-shortcuts a:focus-visible { outline:2px solid #2dd4bf; outline-offset:3px; }
@media(max-width:540px) {
  .top .wrap { flex-wrap:wrap; gap:0 1rem; padding:.65rem 0; }
  .top .brand { order:0; }
  .top .language-switcher { order:1; }
  .home-shortcuts { order:2; width:100%; margin:0; }
}
@media (max-width:980px) {
  .language-switcher { margin-left:auto; }
}

/* The same task menu is generated for every header, including old home shells. */
.task-header { position:sticky; top:0; z-index:100; background:var(--bg,#0b0f14); border-bottom:1px solid var(--border,#253241); }
.task-header .header-row { box-sizing:border-box; width:min(1180px,calc(100% - 32px)); margin:0 auto; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; min-height:72px; position:relative; }
.task-header .brand { display:flex; align-items:center; flex-shrink:0; gap:8px; white-space:nowrap; }
.task-header .brand .badge { margin:0; }
.task-header .task-nav { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; position:static; width:auto; padding:0; border:0; background:transparent; }
.task-header .task-nav a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted,#9fb0c0); font-size:.9rem; }
.task-header .task-nav a:hover, .task-header .task-nav a[aria-current] { color:var(--text,#e8f0f7); text-decoration:none; }
.task-header .task-nav a:focus-visible, .task-header .hamburger:focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:3px; }
.task-header .hamburger { display:none; }
@media(max-width:980px) {
  .task-header .header-row { flex-wrap:wrap; gap:8px; padding:.5rem 0; min-height:64px; }
  .task-header .brand { order:0; margin-right:auto; font-size:1rem; }
  .task-header .brand-badge, .task-header .brand .badge { width:30px; height:30px; min-width:30px; border-radius:8px; font-size:.75rem; }
  .task-header .language-switcher { order:2; margin-left:0; }
  .task-header .task-nav { order:3; flex-basis:100%; width:100%; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:.4rem 0; }
  .task-header .task-nav a { padding:.35rem .65rem; }
  .task-header.has-task-navigation .hamburger { display:inline-flex; align-items:center; justify-content:center; order:1; min-height:44px; padding:0 .65rem; color:var(--text,#e8f0f7); border:1px solid var(--border,#253241); border-radius:8px; background:var(--panel,#121922); font:inherit; font-size:.9rem; cursor:pointer; }
  .task-header.has-task-navigation .task-nav { display:none; }
  .task-header.has-task-navigation .task-nav.open { display:flex; }
}