/* Shared journal chrome: persistent wordmark, independently retractable categories. */
html { scroll-padding-top: 150px; }
.journal-chrome { position: sticky; top: 0; z-index: 60; pointer-events: none; }
.journal-chrome .masthead {
  position: relative; z-index: 2; max-width: none; margin: 0;
  min-height: 68px; padding: calc(10px + env(safe-area-inset-top, 0px)) max(24px, calc((100vw - 1100px) / 2)) 10px;
  gap: 16px; background: var(--paper); pointer-events: auto;
}
.journal-chrome .masthead .brand { width: 150px; flex-shrink: 0; min-height: 44px; display: flex; align-items: center; }
.journal-chrome .masthead .brand img { width: 100%; height: auto; }
.journal-chrome .masthead nav { gap: 20px; }
.journal-chrome .masthead a { min-height: 44px; }
.journal-chrome .article-filters {
  position: relative; z-index: 1; margin: 0;
  display: flex; align-items: center;
  padding: 8px max(24px, calc((100vw - 1100px) / 2));
  background: var(--paper); border-bottom: 1px solid var(--line);
  box-shadow: 0 5px 10px rgb(52 59 50 / 4%); pointer-events: auto;
  transition: transform 200ms ease, opacity 160ms ease, visibility 200ms;
}
.journal-chrome .filter-scroll { min-width: 0; margin: 0; padding: 4px; gap: 8px; overscroll-behavior-x: contain; }
.journal-chrome .filter-scroll button { min-height: 44px; padding: 7px 16px; }
.journal-chrome.is-categories-hidden .article-filters {
  transform: translateY(-100%); opacity: 0; visibility: hidden; pointer-events: none;
}
.skip:focus { position: fixed; z-index: 100; }
@media (max-width: 700px) {
  .journal-chrome .masthead { min-height: 64px; padding: calc(8px + env(safe-area-inset-top, 0px)) 18px 8px; gap: 12px; }
  .journal-chrome .masthead .brand { width: 140px; }
  .journal-chrome .masthead nav { gap: 14px; }
  .journal-chrome .article-filters { padding: 5px 14px; }
  .journal-chrome .filter-scroll button { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-chrome .article-filters { transition: none; }
  html { scroll-behavior: auto; }
}