/*
 * Non-visual technical improvements shared by all public pages.
 * Keep this file deliberately small to avoid changing the established design.
 */
.seo-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #c0528d;
  outline-offset: 2px;
}

/* Retain a visible focus indicator in browsers that do not support :focus-visible. */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-color: #c0528d;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe {
  max-width: 100%;
}

/*
 * Phase 3 added intrinsic width and height attributes to reduce layout shift.
 * When a responsive container makes an image narrower, its height must scale
 * with it; otherwise the HTML height remains fixed and stretches the image.
 */
img[width][height] {
  height: auto;
}