/* V412: preserve the CONFIRMED RULE typography for explanatory copy and
 * center the locked footer groups on desktop only. Mobile remains V346. */

/* Localized Pattern Lab notes use the same typography-only presentation as
 * the other explanatory notes, without introducing another framed panel. */
.v409-text-note.v257-confirm-rule {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--v406-note-text, #78939f) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}
.v409-text-note.v257-confirm-rule :is(strong, b) { color: var(--v406-note-strong, #dffaff); font-weight: 800; }
.v409-text-note.v257-confirm-rule :is(em, i) { color: var(--v406-note-accent, #48e3ff); font-style: normal; font-weight: 900; }

@media (min-width: 1201px) {
  .v13-footer .wrap.v13-footerin {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: min(var(--v48-max, 1480px), calc(100% - 44px)) !important;
    gap: 18px !important;
  }
  .v13-footer .v36-footer-main {
    order: 1 !important;
    width: 100% !important;
    align-items: center !important;
  }
  .v13-footer .v151-footer-row-merged {
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .v13-footer .v306-social-grid,
  .v13-footer #footer-utility-row.voliqa-footer-utility-stack {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .v13-footer .v151-footer-risk {
    width: 100% !important;
    text-align: left !important;
  }
  .v13-footer .v345-footer-copyright {
    align-self: center !important;
    text-align: center !important;
  }
  .v13-footer .v36-footer-brand {
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
  .v13-footer .v36-footer-brand img {
    display: block !important;
    margin: 0 auto !important;
  }
}
