/* Keep the complete desktop navigation legible after adding NEWS. */
@media (min-width:1361px) and (max-width:1500px){.site-nav{display:none}.site-header__compact{display:flex}}
.site-nav>a[href="news.html"]{order:0}
.journal-feature__visual>.journal-real-cover,.journal-card__visual>.journal-real-cover{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}
.journal-template-note{font-size:12px;line-height:1.8;color:#536067}

/* Explicit click areas, consistent rhythm, and location feedback. */
:root body .site-header .site-nav,
:root body.type-reference .site-header .site-nav {gap:0}
.site-header__brand {flex-shrink:0}
.site-nav > a:not(.site-header__contact), .site-nav > details > summary {
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:48px;min-width:44px;padding:10px 12px;
  border-radius:6px;cursor:pointer;
  transition:background-color 160ms ease,box-shadow 160ms ease;
}
.site-nav > a:not(.site-header__contact)::before,
.site-nav > details > summary::before {
  content:"";position:absolute;left:0;top:16px;height:16px;width:1px;background:#b7c1c5;
}
.site-nav > a:first-child::before {display:none}
.site-nav > .site-header__contact {margin-left:14px;min-height:48px}
.site-nav > a:not(.site-header__contact):hover,
.site-nav > details > summary:hover,
.site-nav > details[open] > summary {background:#fff;box-shadow:inset 0 -2px 0 #fd490f}
.site-nav a:focus-visible,.site-nav summary:focus-visible {
  outline:2px solid #1c1e1f;outline-offset:2px;background:#fff;color:#1c1e1f;
}
.site-header .site-nav a[aria-current],
.site-header .site-nav .is-current-section > summary {
  background:rgba(255,255,255,.75);box-shadow:inset 0 -3px 0 #fd490f;
}
.site-nav__submenu {top:calc(100% + 10px);left:0;padding:10px;min-width:350px}
.site-nav__submenu a {min-height:48px}
.site-nav__submenu a + a {border-top:1px solid #e1e6e8}
.site-nav__group > summary > span {transition:transform 160ms ease}
.site-nav__group[open] > summary > span {transform:rotate(45deg)}
.mobile-menu nav a[aria-current],.mobile-menu .is-current-section > summary {
  box-shadow:inset 3px 0 0 #fd490f;padding-left:14px;background:rgba(255,255,255,.55);
}
@media(prefers-reduced-motion:reduce){.site-nav a,.site-nav summary,.site-nav__group > summary > span{transition:none}}
