/* Shared with the legal pages; these additions apply only to accessibility pages. */
html { color-scheme: dark; }
header, main, .accessibility-footer {
  max-width: none;
  padding-inline: max(22px, 6vw, env(safe-area-inset-left)) max(22px, 6vw, env(safe-area-inset-right));
}
main > section { max-width: 72ch; }
main { padding-top: 0; padding-bottom: 0; }
h1, h2, a { overflow-wrap: anywhere; }
h1 { font-size: clamp(2rem, 5vw, 3.125rem); }
h2 { margin-top: 0; }
li { margin-block: .6rem; line-height: 1.75; }
ul { padding-inline-start: 1.4rem; }
nav a, .action, .contact-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-block: 8px;
}
.action {
  padding-inline: 18px;
  border: 1px solid #b99b72;
  border-radius: 3px;
  font-weight: bold;
}
.status { border-inline-start: 3px solid #f1cd99; padding-inline-start: 18px; }
kbd { font: inherit; font-weight: bold; }
.skip-link {
  position: absolute;
  top: 8px;
  left: 22px;
  z-index: 1;
  padding: 12px 18px;
  background: #17120f;
  transform: translateY(-200%);
}
.skip-link:focus { transform: none; }
a:focus-visible, main:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.accessibility-footer {
  border-top: 1px solid #b99b7255;
  padding-top: 24px;
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
}
@media (forced-colors: active) {
  .action, .status { border-color: CanvasText; }
  .skip-link { background: Canvas; }
  a:focus-visible, main:focus-visible { outline-color: Highlight; }
}