/* Shared brochure controls only. Content, backgrounds and print layouts stay independent. */
@media screen {
  .page[id] { scroll-margin-top: 84px; }
  body { padding-top: 68px; }

  .bar.site-container-padding, .brochure-bar {
    position: fixed; inset: 0 0 auto; z-index: 100;
    height: 68px; gap: 14px; padding-inline: var(--site-container-inline);
    background: rgba(255,255,255,.96); border-bottom: 1px solid #e0e5eb;
    font-family: var(--site-font); font-size: 16px; line-height: normal; letter-spacing: normal;
  }
  .bar.site-container-padding .home, .brochure-bar-home {
    color: #172538; font-size: 14px; font-weight: 600; line-height: normal; text-decoration: none; white-space: nowrap;
  }
  .bar.site-container-padding .ttl, .brochure-bar-title {
    color: #617084; font-size: 13px; font-weight: 400; line-height: normal;
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .bar.site-container-padding .pdf, .brochure-bar-action {
    display: inline-flex; align-items: center; justify-content: center; margin-left: auto;
    min-height: 0; padding: 10px 16px; border: 0; border-radius: 10px;
    background: #2458dc; color: #fff; font-family: var(--site-font); font-size: 13px;
    font-weight: 600; line-height: normal; letter-spacing: normal; text-decoration: none; white-space: nowrap;
  }
  .bar.site-container-padding .pdf:hover, .brochure-bar-action:hover { background: #1945b5; }
  .brochure-summary .publication-links { font-size: 16px; line-height: normal; display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 0; padding: 0; }
  .brochure-summary .publication-links a {
    display: inline; min-height: 0; margin: 0; padding: 0; font-size: 14px; font-weight: 400;
    line-height: 1.8; letter-spacing: normal; text-decoration: underline; text-underline-offset: 5px;
  }
  .brochure-summary .publication-links a:focus-visible { outline: 2px solid #3c85f5; outline-offset: 4px; }
  .brochure-summary > p:has(+ .publication-links) { margin-bottom: 18px; }
}
@media screen and (max-width:640px) {
  .bar.site-container-padding, .brochure-bar { gap: 8px; }
  .bar.site-container-padding .ttl, .brochure-bar-title { display: none; }
  .bar.site-container-padding .home, .brochure-bar-home { font-size: 13px; }
  .bar.site-container-padding .pdf, .brochure-bar-action { font-size: 12px; }
}

@media screen {
  .cyberguard-links { padding: 28px 0 8px; font-family: var(--site-font); }
  .cyberguard-links a { color: #2458dc; }
}
@media print { .cyberguard-links { display: none; } }