[hidden] { display: none !important; }
html { scroll-behavior: auto; }
.honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.modal-open { overflow: hidden; }
.site-header .nav-link[aria-current='page'] { text-decoration: underline; text-underline-offset: 7px; }
.site-header { background: var(--paper); }
.site-header nav { gap: 28px; }
#form-status { font-size: 15px; color: #9b2c35; line-height: 1.5; margin-top: 17px; }
#form-status:empty { display: none; }
input[aria-invalid='true'] { border: 2px solid #9b2c35; }
.signup-area [aria-busy='true'] .button { opacity: .7; }
.signup-area .signup-success .text-button { white-space: normal; }
.signup-area .signup-success p { overflow-wrap: anywhere; }
.signup-success:focus { outline: 3px solid var(--violet); outline-offset: 8px; }
.approval-choice:focus { outline: 2px solid var(--violet); outline-offset: 5px; }
.local-preview-note { padding: 10px var(--pad); background: var(--lilac); font-size: 13px; line-height: 1.5; }
@media (max-width: 760px) {
  .site-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; height: auto; min-height: 119px; gap: 12px 10px; padding-bottom: 15px; }
  .site-header .wordmark { grid-column: 1; grid-row: 1; }
  .site-header nav { display: contents; }
  .site-header .button { grid-column: 2; grid-row: 1; }
  .site-header .nav-link { display: block; font-size: 13px; padding: 4px 0; }
  .site-header .about-link { grid-column: 1; grid-row: 2; }
  .site-header .nav-link:not(.about-link) { grid-column: 2; grid-row: 2; justify-self: end; }
}
@media (max-width: 360px) {
  .site-header .wordmark { font-size: 31px; }
}
