/* Reading aids using the existing HELFIN typography, colours and spacing. */
.chapter-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-top: 22px;
  padding-bottom: 22px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.chapter-nav a {
  color: var(--fg);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
}
.chapter-nav a:hover { color: var(--acc); }
.chapter-nav a:focus-visible,
.menu-resources summary:focus-visible {
  outline: 2px solid var(--acc, #19a974);
  outline-offset: 4px;
}
.menu-resources summary {
  padding: 11px 14px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: var(--fg, var(--papier));
}
.site-menu .menu-resources a { display: block; padding-left: 28px; }
.site-menu { max-height: calc(100dvh - 90px); overflow-y: auto; }

/* Swiss quality labels in the footer (same rules as the home page) */
.footer-brand .swiss-labels { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 9.6px; width: min(100%, 336px); margin-top: 2px; }
.footer-brand .swiss-labels a { display: flex; min-width: 0; opacity: .9; transition: opacity .2s ease-out; }
.footer-brand .swiss-labels a:hover, .footer-brand .swiss-labels a:focus-visible { opacity: 1; }
.footer-brand .swiss-labels img { display: block; width: 100%; height: auto; object-fit: contain; }