/* Shared article disclosure: native click/keyboard support, hover enhancement. */
.site-header .brand { flex-shrink: 0; }
.brand-logo { mix-blend-mode: multiply; }
.site-header .nav-links { gap: 19px; }
.site-header .article-nav { position: relative; border: 0; margin: 0; padding: 0; }
.site-header .article-nav > summary {
  display: flex; align-items: center; gap: 6px; min-height: 44px;
  padding: 0; list-style: none; cursor: pointer; color: var(--muted, #566070);
  font-family: inherit; font-size: .9rem; font-weight: 680; letter-spacing: -.01em;
}
.article-nav > summary::-webkit-details-marker { display: none; }
.site-header .article-nav > summary::after { content: none; }
.site-header .article-nav[open] > summary,
.site-header .article-nav > summary:hover { color: #886520; }
.article-nav[open] > summary svg { transform: rotate(180deg); }
.article-nav-panel {
  position: absolute; z-index: 40; top: 100%; right: -20px; width: 355px;
  max-width: calc(100vw - 48px); margin: 0; padding: 10px;
  max-height: calc(100dvh - 110px); overflow-y: auto;
  list-style: none; border: 1px solid #e2ddd2; border-radius: 14px;
  background: #fff; box-shadow: 0 18px 45px #0816301a;
}
.article-nav-panel li { margin: 0; padding: 0; }
.site-header .article-nav-panel a {
  display: block; padding: 13px 14px; border-radius: 8px; color: #25354b;
  font-size: .9rem; line-height: 1.45; white-space: normal; text-decoration: none;
}
.site-header .article-nav-panel a:hover,
.site-header .article-nav-panel a[aria-current="page"] { background: #f5f1e8; color: #765718; }
.article-nav-language { display: inline-block; color: #727b87; font-size: .75rem; font-weight: 450; }
.article-nav > summary:focus-visible { outline: 3px solid #b89a5b; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 1280px) {
  .site-header .nav-toggle { display: grid; place-items: center; cursor: pointer; }
  .site-header .nav-links {
    position: fixed; inset: 82px 0 auto; display: none; flex-direction: column;
    align-items: stretch; gap: 6px; padding: 20px 24px; border-bottom: 1px solid #e2ddd2;
    background: #faf9f6; box-shadow: 0 20px 40px #0816301a;
    max-height: calc(100dvh - 82px); overflow-y: auto; overscroll-behavior: contain;
  }
  .site-header .nav-links.open { display: flex; gap: 6px; }
  .site-header .nav-links > a:not(.button) { padding: 10px 0; }
  .site-header .nav-links .button { width: 100%; margin-top: 10px; }
  .site-header .article-nav > summary { min-height: 46px; justify-content: space-between; padding: 10px 0; }
  .article-nav-panel {
    position: static; width: 100%; max-width: none; margin: 2px 0 10px; padding: 6px;
    max-height: none; overflow: visible;
    border-radius: 10px; background: #fff; box-shadow: none;
  }
  .site-header .article-nav-panel a { min-height: 44px; padding: 12px 14px; }
  .site-header .language-switch { align-self: flex-start; margin-top: 4px; }
}
@media (max-width: 600px) {
  .site-header .nav-links { inset-block-start: 72px; max-height: calc(100dvh - 72px); }
}