/* Compact persistent navigation; content and historical layout remain unchanged. */
html { scroll-padding-top: 90px; }
.site-header { position: sticky; top: 0; z-index: 60; border-bottom: 1px solid var(--line); background: var(--paper); }
.site-header .header-inner.wrap { width: min(1380px, calc(100% - 48px)); }
.site-header .header-inner { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 20px; min-height: 70px; padding-block: 7px; align-items: center; }
.site-header .brand { grid-column: 1; grid-row: 1; gap: 12px; margin: 0; }
.site-header .brand img { width: 58px; height: auto; flex-basis: 58px; }
.site-header .brand strong { font-size: 25px; }
.site-header .brand small { display: none; }
.site-header .header-controls { grid-column: 3; grid-row: 1; gap: 8px; margin: 0; justify-self: end; }
.primary-nav { display: grid; grid-template-columns: repeat(6, 46px); gap: 5px; grid-column: 2; grid-row: 1; align-items: stretch; }
.nav-item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 44px; min-height: 46px; border: 1px solid transparent; border-radius: 4px; color: var(--ink); }
.nav-item:hover, .nav-item:focus-visible { background: var(--panel); border-color: var(--line); }
.nav-item[aria-current] { color: var(--accent); border-bottom-color: var(--accent); background: var(--panel); }
.nav-sketch { flex-shrink: 0; width: 28px; height: 28px; }
.nav-label { position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); padding: 7px 12px; background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 3px; box-shadow: 0 5px 16px #00000012; font: 13px/1.4 'Segoe UI', sans-serif; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; }
.nav-item:hover .nav-label, .nav-item:focus-visible .nav-label { opacity: 1; visibility: visible; }
.site-header.tooltips-dismissed .nav-label { opacity: 0; visibility: hidden; }
.site-header .language-options { left: auto; right: 0; }
.site-header .language-picker summary { gap: 7px; padding-inline: 8px; }
.skip-link:focus { z-index: 70; }
@media (max-width: 850px) {
  .site-header .header-inner { gap: 10px; }
  .site-header .brand img { width: 44px; flex-basis: 44px; }
  .site-header .brand strong { font-size: 21px; }
  .site-header .brand { gap: 8px; }
  .primary-nav { gap: 0; grid-template-columns: repeat(6,44px); }
}
@media (max-width: 950px), (hover: none) and (max-width: 1000px) {
  html { scroll-padding-top: 150px; }
  .site-header .header-inner.wrap { width: calc(100% - 24px); }
  .site-header .header-inner { grid-template-columns: minmax(0,1fr) auto; min-height: 0; gap: 2px 8px; padding-block: 4px; }
  .site-header .brand img { width: 38px; flex-basis: 38px; }
  .site-header .brand strong { font-size: 20px; }
  .site-header .header-controls { grid-column: 2; grid-row: 1; gap: 3px; }
  .site-header .language-picker { font-size: 12px; }
  .site-header .language-picker summary { padding-inline: 4px; gap: 4px; }
  .primary-nav { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(6,minmax(0,1fr)); width: min(100%,560px); justify-self: center; gap: 2px; padding-top: 3px; border-top: 1px solid var(--line); }
  .nav-item { min-width: 0; min-height: 62px; justify-content: flex-start; padding: 4px 1px; gap: 3px; }
  .nav-sketch { width: 25px; height: 25px; }
  .nav-label, .site-header.tooltips-dismissed .nav-label { position: static; transform: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: inherit; font-size: 9px; line-height: 1.25; white-space: normal; text-align: center; overflow-wrap: anywhere; hyphens: auto; opacity: 1; visibility: visible; }
}