/* Match SiteHeader and app/dossier.css without changing the form or legal pages. */
.contact-site-header {
  max-width: 1320px;
  margin: auto;
  padding: 26px 20px 0;
  position: relative;
  z-index: 10;
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55;
}
.contact-site-header .catalog-header-top { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: center; }
.contact-site-header .brand { display: inline-flex; justify-self: start; align-items: center; gap: .8rem; max-width: 100%; color: inherit; text-decoration: none; }
.contact-site-header .brand img { display: block; width: 278px; height: auto; max-width: 100%; }
.contact-site-header a { touch-action: manipulation; text-underline-offset: 4px; }
.contact-site-header a:hover { text-decoration-thickness: 2px; }
.contact-site-header .dossier-nav { display: flex; align-items: center; gap: 34px; padding: 20px 0 17px; border-bottom: 1px solid #BAC0B8; }
.contact-site-header .dossier-nav a { color: #18282E; text-decoration: none; font-size: 16px; font-weight: 500; min-height: 32px; display: flex; align-items: center; }
.contact-site-header .dossier-nav a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.contact-site-header .dossier-menu { display: none; }
@media (max-width: 1050px) {
  .contact-site-header .catalog-header-top { gap: 24px; }
  .contact-site-header .brand img { width: 245px; }
  .contact-site-header .dossier-nav { gap: 24px; flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .contact-site-header { padding-top: 20px; font-size: 17px; }
  .contact-site-header .catalog-header-top { gap: 18px 14px; }
  .contact-site-header .brand img { width: 225px; }
  .contact-site-header .dossier-nav { display: none; }
  .contact-site-header .dossier-menu { display: block; border-bottom: 1px solid #BAC0B8; margin-top: 10px; }
  .contact-site-header .dossier-menu > summary { list-style: none; cursor: pointer; min-height: 44px; padding: 10px 0; font-weight: 500; font-size: 16px; }
  .contact-site-header .dossier-menu > summary::-webkit-details-marker { display: none; }
  .contact-site-header .dossier-menu > summary::after { content: '+'; float: right; font-size: 22px; line-height: 1; }
  .contact-site-header .dossier-menu[open] > summary::after { content: '−'; }
  .contact-site-header .dossier-menu nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; padding-bottom: 16px; }
  .contact-site-header .dossier-menu a { display: block; color: #18282E; text-decoration: none; padding: 12px 0; font-size: 16px; min-height: 48px; }
}
@media (max-width: 520px) { .contact-site-header .brand img { width: 205px; } }
@media (max-width: 360px) { .contact-site-header .brand img { width: 180px; } }