/* generated shared stylesheet ownership */
:root { --generated-shared-stylesheet: 1; }
footer nav a { color: inherit; text-decoration: none; }
footer a { color: inherit; text-decoration: none; }
footer nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* generated-shell:start */
html, body { margin: 0; min-width: 320px; width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
[data-helper-shell="header"] { width: 100%; min-width: 0; }
[data-helper-shell="header"] img { max-width: 100%; height: auto; }
.helper-pathways {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  width: min(100% - 48px, 1120px);
  margin: 48px auto;
}
.helper-pathways a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid #d8d0e5;
  border-radius: 6px;
  background-color: #fff;
  color: #282333;
  text-decoration: none;
}
.helper-pathways a:hover { background-color: #eee8f8; }
.helper-pathways a:focus-visible { outline: 3px solid #7250b5; outline-offset: 3px; }
@media (max-width: 600px) {
  [data-helper-shell="header"] { max-width: 100%; }
  [data-helper-shell="header"] img { object-fit: contain; }
  .helper-pathways { width: calc(100% - 32px); margin: 32px auto; }
  .helper-pathways a { flex: 1 1 100%; }
}
/* generated-shell:end */

/* Keep the footer brand within its clipping container without changing its ratio. */
@media (max-width: 1920px) {
  .legal-footer__logo {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}