/* v26: center only the institute name on the header itself.
   The v25 eye, controls, header height and all page content are unchanged. */
.topbar .brand-name {
  position: absolute;
  left: 50%;
  top: var(--brand-title-center-y, 50%);
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: var(--brand-title-max-width, calc(100% - 660px));
  margin: 0;
  text-align: center;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: normal;
  word-break: normal;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .topbar .brand-name { max-width: var(--brand-title-max-width, calc(100% - 620px)); }
}
@media (min-width: 680px) and (max-width: 899px) {
  .topbar .brand-name { max-width: var(--brand-title-max-width, calc(100% - 330px)); }
}
@media (max-width: 679px) {
  .topbar .brand-name {
    top: var(--brand-title-center-y, 23px);
    max-width: var(--brand-title-max-width, calc(100% - 112px));
  }
}

/* Keep the contact form readable at every viewport size. */
.request-heading .eyebrow,
.request-wrap label,
.request-wrap form button,
#form-note {
  font-size: 14px;
}
.request-wrap input,
.request-wrap textarea {
  font-size: 16px;
}
#form-note[data-state="error"],
#form-note[data-state="rateLimit"] {
  color: #a32121;
}
.request-wrap form button:disabled {
  cursor: wait;
  opacity: .7;
}
.form-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
}