html, body {
  padding: 0;
  margin: 0;
}
body {
  background: var(--usa-base-warm-lightest);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 26px;
  color: var(--usa-ink);
}
a {
  color: var(--treasury-gold-text);
  text-decoration-color: var(--treasury-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
a:hover {
  color: var(--usa-primary-dark);
}

a:focus-visible {
  outline: 3px solid var(--treasury-navy-900);
  outline-offset: 3px;
  text-decoration-thickness: 2px;
}
label {
  cursor: pointer;
  color: var(--usa-ink);
  font-weight: 700;
}
h1,
h2,
h3,
h4 {
  color: var(--usa-primary-dark);
  font-family: var(--font-serif);
  font-weight: 600;
  line-height: 1.2;
}

h2,
.public-page-title {
  font-size: 2.35rem;
  margin: 0 0 18px;
}

p {
  margin-top: 0;
}
.section {
  margin-bottom: 45px;
}

.usa-form {
  margin-top: 24px;
}

.usa-form-group {
  margin-bottom: 24px;
}

.screen-reader-only {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.usa-fieldset {
  border: 0;
  margin: 0 0 24px;
  min-width: 0;
  padding: 0;
}

.usa-legend {
  color: var(--usa-primary-dark);
  display: block;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 6px;
  padding: 0;
}

.usa-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 6px;
}

.usa-input,
.usa-select,
.usa-textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
  background: var(--usa-white);
  border: 1px solid var(--treasury-field-border);
  border-radius: var(--treasury-radius-md, 8px);
  color: var(--usa-ink);
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  line-height: 1.35;
  padding: 10px 12px;
  width: 100%;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.usa-textarea,
textarea {
  min-height: 80px;
  resize: vertical;
}

.usa-input:focus,
.usa-select:focus,
.usa-textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: var(--treasury-field-border-hover);
  box-shadow: 0 0 0 3px rgba(var(--usa-focus-rgb), 0.45);
  outline: none;
}

.usa-input:focus::placeholder,
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
}

input[disabled] {
  opacity: 0.5;
}

.usa-hint {
  color: var(--usa-base);
  display: block;
  font-size: 0.8125rem;
  line-height: 1.45;
  margin-top: 4px;
}

.usa-error-message {
  color: var(--usa-error);
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 4px;
}

.public-required {
  color: var(--usa-error);
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 700;
  margin-left: 4px;
}

.public-empty-state {
  background: var(--usa-primary-lightest);
  border-left: 0;
  border-top: 4px solid var(--treasury-gold);
  border-radius: var(--treasury-radius-md, 8px);
  color: var(--usa-base-dark);
  font-weight: 600;
  margin: 16px 0 24px;
  padding: 14px 16px;
}

.public-status-tag {
  background: var(--usa-warning-lightest);
  border: 1px solid var(--treasury-gold-text);
  border-radius: 999px;
  color: var(--treasury-gold-text);
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  margin-left: 6px;
  padding: 4px 8px;
  white-space: nowrap;
}

.public-preference-tabs {
  margin-top: 24px;
  min-width: 0;
}

.public-preference-tablist {
  border-bottom: 2px solid var(--usa-base-lighter);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.public-preference-tablist[hidden] {
  display: none;
}

.public-preference-tab {
  background: var(--usa-white);
  border: 1px solid var(--usa-base-lighter);
  border-bottom: 4px solid transparent;
  color: var(--usa-primary-dark);
  cursor: pointer;
  flex: 1 1 220px;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  min-height: 44px;
  padding: 10px 16px;
  position: relative;
  text-align: center;
}

.public-preference-tab:hover {
  background: var(--usa-primary-lightest);
  border-color: var(--treasury-field-border-hover);
}

.public-preference-tab[aria-selected="true"] {
  background: var(--usa-primary-lightest);
  border-color: var(--usa-primary-dark);
  border-bottom-color: var(--treasury-gold-on-white);
  font-weight: 800;
}

.public-preference-tab:focus-visible {
  outline: 3px solid var(--treasury-navy-900);
  outline-offset: 3px;
  z-index: 1;
}

.public-preference-panel {
  min-width: 0;
  padding: 24px 2px 4px;
}

.public-preference-panel[hidden] {
  display: none;
}

.public-legal-notice {
  background: var(--usa-white);
  border: 1px solid var(--usa-base-lighter);
  border-left: 6px solid var(--treasury-navy-700);
  border-radius: 4px;
  margin: 28px 0;
  overflow-wrap: anywhere;
  padding: 22px 24px;
}

.public-legal-notice h2 {
  font-size: 1.55rem;
  margin-bottom: 12px;
}

.public-legal-notice h3 {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 6px;
}

.public-legal-notice__summary {
  color: var(--usa-base);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  gap: 4px 20px;
  margin-bottom: 18px;
}

.public-legal-notice__details {
  margin: 0;
}

.public-legal-notice__details > div {
  border-top: 1px solid var(--usa-base-lighter);
  display: grid;
  gap: 4px 18px;
  grid-template-columns: minmax(110px, 0.28fr) minmax(0, 1fr);
  padding: 12px 0;
}

.public-legal-notice__details dt {
  color: var(--usa-primary-dark);
  font-weight: 800;
}

.public-legal-notice__details dd,
.public-legal-notice__system-use p,
.public-notice-consent .usa-checkbox__label {
  margin: 0;
  white-space: pre-line;
}

.public-legal-notice__system-use {
  background: var(--usa-primary-lightest);
  border: 1px solid var(--usa-base-lighter);
  margin-top: 10px;
  padding: 14px 16px;
}

.public-legal-notice__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 18px;
}

.public-notice-consent {
  background: var(--usa-primary-lightest);
  border: 1px solid var(--usa-base-lighter);
  margin: 24px 0;
  padding: 16px;
}

.public-notice-consent[aria-invalid="true"] {
  border-color: var(--usa-error);
  box-shadow: inset 4px 0 0 var(--usa-error);
}

.usa-checkbox,
.usa-radio {
  align-items: start;
  display: grid;
  gap: 8px 12px;
  grid-template-columns: 22px minmax(0, 1fr);
  margin-bottom: 14px;
}

@media screen and (max-width: 520px) {
  .public-preference-tablist {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .public-preference-tab {
    width: 100%;
  }

  .public-legal-notice {
    padding: 18px 16px;
  }

  .public-legal-notice__details > div {
    display: block;
  }

  .public-legal-notice__details dd {
    margin-top: 4px;
  }
}

@media print {
  .public-legal-notice {
    background: #fff;
    border: 2px solid #000;
    break-inside: avoid;
    color: #000;
    page-break-inside: avoid;
  }

  .public-legal-notice a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    overflow-wrap: anywhere;
  }
}

.usa-checkbox__input,
.usa-radio__input {
  accent-color: var(--treasury-gold-text);
  height: 20px;
  margin: 2px 0 0;
  width: 20px;
}

.usa-checkbox__input:focus,
.usa-radio__input:focus {
  outline: 3px solid var(--treasury-navy-900);
  outline-offset: 2px;
}

.usa-checkbox__label,
.usa-radio__label {
  color: var(--usa-ink);
  font-weight: 600;
  line-height: 1.45;
  min-width: 0;
  overflow-wrap: anywhere;
}

.public-optin-legend {
  align-items: center;
  color: var(--usa-ink);
  display: flex;
  font-weight: 600;
  gap: 8px;
  margin: 12px 0 16px;
}

.public-optin-email-icon {
  color: var(--treasury-gold-text);
  display: inline-block;
  flex: 0 0 auto;
  height: 1.75rem;
  margin-right: 8px;
  vertical-align: middle;
  width: 1.75rem;
}

.usa-checkbox--optin {
  align-items: center;
}

.usa-checkbox--optin .usa-checkbox__input {
  margin-top: 0;
}

.usa-checkbox__label--optin {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.usa-checkbox__label--optin .public-optin-email-icon {
  margin-right: 0;
  vertical-align: initial;
}

.public-optin-legend .public-optin-email-icon {
  margin-right: 0;
}

.usa-checkbox__description,
.usa-radio__description {
  color: var(--usa-base);
  font-size: 0.875rem;
  grid-column: 2;
  line-height: 1.45;
  margin: -6px 0 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.center {
  text-align: center;
}
.right {
  text-align: right;
}
.small {
  font-size: 0.875em;
}
.error {
  color: var(--usa-error);
}
.button {
  align-items: center;
  background: var(--tdds-warning, var(--treasury-gold));
  border: 2px solid var(--tdds-warning, var(--treasury-gold));
  border-radius: var(--treasury-radius-pill, 999px);
  cursor: pointer;
  color: var(--usa-ink);
  display: inline-flex;
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  line-height: 1;
  min-width: 150px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.button__icon {
  display: inline-block;
  fill: currentColor;
  flex: 0 0 auto;
  height: 1.15rem;
  width: 1.15rem;
}

.button:hover {
  background: var(--treasury-gold-muted);
  border-color: var(--treasury-gold-muted);
  box-shadow: 0 2px 10px rgba(22, 46, 81, 0.18);
  color: var(--usa-ink);
}

.button:active {
  background: var(--tdds-warning-dark, var(--treasury-gold-dark));
  border-color: var(--tdds-warning-dark, var(--treasury-gold-dark));
  color: var(--usa-ink);
}

.button:focus-visible {
  box-shadow: none;
  outline: 3px solid var(--treasury-navy-900);
  outline-offset: 3px;
}

.button.button-outline {
  background: transparent;
  border-color: var(--treasury-gold-text);
  color: var(--treasury-gold-text);
}
.button.button-outline:hover {
  background-color: var(--treasury-gold-lightest);
  border-color: var(--usa-primary-dark);
  color: var(--usa-primary-dark);
}

.container {
  margin: 0 auto;
  max-width: 1200px;
}

.wrap {
  padding: 40px 40px 56px;
}

.email-service-public-main > section,
.email-service-public-main > form {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(22, 46, 81, 0.12);
  border-radius: var(--treasury-radius-md, 8px);
  box-shadow: 0 14px 32px rgba(22, 46, 81, 0.12);
  color: var(--treasury-charcoal);
  margin: 0 auto;
  overflow: hidden;
  padding: 32px;
  position: relative;
}

.email-service-public-main > section::before,
.email-service-public-main > form::before {
  background: var(--tdds-primary, var(--treasury-navy-700));
  border-radius: var(--treasury-radius-pill, 999px);
  content: "";
  display: block;
  height: 6px;
  left: 32px;
  position: absolute;
  top: 18px;
  width: 88px;
}

.email-service-public-main > section + form,
.email-service-public-main > form + section,
.email-service-public-main > section + section,
.email-service-public-main > form + form {
  margin-top: 24px;
}

.email-service-public-main > .message {
  border-color: rgba(22, 46, 81, 0.12);
}

.email-service-public-main > .login {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  padding: 40px 32px 32px;
}

.email-service-public-main > .login::before {
  left: 32px;
  top: 20px;
}

.unsub-all {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--usa-base-lighter);
}

.row {
  margin-bottom: 20px;
}

.form-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

.topic-selection-actions {
  background: var(--usa-white);
  border-top: 1px solid var(--treasury-border);
  bottom: 0;
  box-shadow: 0 -4px 12px rgba(27, 27, 27, 0.08);
  margin: 24px 0 0;
  padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
  position: sticky;
  z-index: 2;
}

.topic-selection-actions .topic-selection-status {
  flex-basis: 100%;
  margin: 0;
}

.topic-selection-actions,
.lists .usa-checkbox,
.public-privacy-notice {
  scroll-margin-block-end: 8rem;
}

.form-actions .right {
  margin-left: auto;
}

.public-account-session-actions {
  border-top: 1px solid var(--treasury-border);
  display: grid;
  gap: 24px;
  margin-top: 32px;
  padding-top: 24px;
}

.public-account-session-actions__delete,
.public-account-session-actions__signout,
.public-account-session-actions__signout .form-actions {
  margin: 0;
}

.public-flow-footer {
  border-top: 1px solid var(--treasury-border);
  margin-top: 32px;
  padding-top: 24px;
}

.public-flow-footer > :first-child {
  margin-top: 0;
}

.public-flow-footer > :last-child {
  margin-bottom: 0;
}

.public-unsubscribe-footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}

.public-subscription-status {
  border-top: 1px solid var(--treasury-border);
  margin-top: 24px;
  padding-top: 20px;
}

.public-subscription-status h2 {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 800;
  margin: 0 0 8px;
}

.public-subscription-status p {
  margin-bottom: 8px;
}

.public-subscription-status__topics {
  margin: 0;
  padding-left: 24px;
}

.public-subscription-status__email-icon {
  color: var(--treasury-gold-text);
  display: inline-block;
  height: 1.25rem;
  margin-right: 0.45rem;
  vertical-align: -0.17em;
  width: 1.25rem;
}

.public-subscription-preferences {
  margin: 0 0 16px;
}

.topic-selection-actions .right {
  min-width: 0;
  overflow-wrap: anywhere;
}

.public-privacy-notice {
  border-top: 1px solid var(--treasury-border);
  color: var(--usa-base-dark);
  font-size: 0.875rem;
  line-height: 1.55;
  margin-top: 32px;
  padding-top: 24px;
}

.public-privacy-notice p {
  margin: 0 0 12px;
}

.public-privacy-notice p:last-child {
  margin-bottom: 0;
}

.public-privacy-notice strong {
  color: var(--usa-ink);
  font-weight: 700;
}

.public-confirmation-section {
  background: var(--usa-base-lightest);
  border-radius: var(--treasury-radius-md, 8px);
  border-top: 4px solid var(--treasury-gold);
  margin: 24px 0;
  padding: 18px 20px;
}

.public-account-title {
  color: var(--usa-primary-dark);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 12px;
}

.public-subscription-entry__footer {
  margin: 20px 0;
}

.public-subscription-entry__footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.public-confirmation-section__title {
  color: var(--usa-primary-dark);
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 0 12px;
}

.public-subscription-review {
  margin: 0;
}

.public-subscription-review__row {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(9rem, 36%) minmax(0, 1fr);
  padding: 10px 0;
}

.public-subscription-review__row + .public-subscription-review__row {
  border-top: 1px solid var(--treasury-border);
}

.public-subscription-review dt {
  font-weight: 700;
}

.public-subscription-review dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.public-confirmation-topics {
  margin: 0;
  padding-left: 1.25rem;
}

.public-confirmation-topics li + li {
  margin-top: 6px;
}

.form .captcha.public-confirmation-captcha {
  margin-top: 30px;
}

.lists {
  list-style-type: none;
  padding: 0;
  margin: 16px 0 24px;
}

.qsp-topic-search {
  margin: 16px 0 24px;
}

.qsp-category-tree {
  margin-top: 8px;
}

.qsp-category {
  border-bottom: 1px solid var(--treasury-border);
  margin: 0;
  padding: 10px 0;
}

.qsp-category[data-depth="1"] { padding-left: 24px; }
.qsp-category[data-depth="2"] { padding-left: 48px; }
.qsp-category[data-depth="3"] { padding-left: 72px; }

.qsp-category__heading {
  align-items: center;
  display: flex;
  gap: 8px;
  min-height: 32px;
}

.qsp-category__fieldset {
  border: 0;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}

.qsp-category__toggle {
  background: transparent;
  border: 0;
  color: var(--usa-ink);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  min-height: 32px;
  min-width: 32px;
  padding: 4px;
}

.qsp-category__toggle:focus-visible {
  outline: 3px solid var(--treasury-gold);
  outline-offset: 2px;
}

.qsp-category__checkbox { margin: 0; }

.qsp-category__name {
  color: var(--usa-ink);
  font-weight: 700;
}

.qsp-category__topics {
  list-style: none;
  margin: 4px 0 0 72px;
  padding: 0;
}

.qsp-category__spacer {
  display: inline-block;
  min-width: 32px;
}

.qsp-category__topics li { margin: 0; }
  .lists li {
    margin: 0;
  }
  .lists .description {
    margin: -6px 0 0;
    font-size: 0.875em;
    line-height: 1.3rem;
    color: var(--usa-base);
  }
  .form .nonce {
    display: none;
  }
  .form .captcha {
    margin-top: 30px;
  }
  .altcha-control {
    max-width: 260px;
    width: 100%;
  }
  .altcha-legal-links {
    display: flex;
    font-size: 0.75rem;
    gap: 0.5rem;
    justify-content: flex-end;
    line-height: 1.2;
    margin-bottom: 2px;
    padding-right: 2px;
  }
  .altcha-legal-links a {
    font-style: italic;
    text-decoration: none;
  }
  .altcha-legal-links a:hover,
  .altcha-legal-links a:focus-visible {
    text-decoration: underline;
  }
  .altcha-control altcha-widget {
    display: block;
    width: 100%;
  }

  .account-topic-subscription-success p a {
    text-decoration: none;
  }
  .account-topic-subscription-success p a:hover,
  .account-topic-subscription-success p a:focus-visible {
    text-decoration: underline;
  }

.topic-selection-summary {
  background: var(--usa-base-lightest);
  border-left: 0;
  border-top: 4px solid var(--treasury-gold);
  border-radius: var(--treasury-radius-md, 8px);
  margin: 16px 0 24px;
  padding: 16px;
}

.topic-selection-summary__title {
  color: var(--usa-ink);
  font-size: 1rem;
  line-height: 1.35;
  margin: 0 0 8px;
}

.topic-selection-summary p,
.topic-selection-summary ul {
  margin-bottom: 0;
  margin-top: 0;
}

.topic-selection-summary ul {
  padding-left: 20px;
}

#topic-selection-summary-list li,
.optin-list li span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.optin-list li {
  border-bottom: 1px solid var(--treasury-border);
  color: var(--usa-base-dark);
  font-weight: 600;
  padding: 10px 0;
}

.optin-list li:last-child {
  border-bottom: 0;
}

.archive {
  list-style-type: none;
  margin: 25px 0 0 0;
  padding: 0;
}

.archive li {
  border-bottom: 1px solid var(--treasury-border);
  margin: 0;
  padding: 18px 0;
}

.archive li:first-child {
  padding-top: 0;
}

.archive li:last-child {
  border-bottom: 0;
}

.archive-item__title {
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.35;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.archive .date {
  color: var(--usa-base);
  display: block;
  font-size: 0.875em;
  margin: 0;
}

.archive-filter-context {
  background: var(--usa-base-lightest);
  border-left: 0;
  border-top: 4px solid var(--treasury-gold-on-white);
  border-radius: var(--treasury-radius-md, 8px);
  display: grid;
  gap: 4px;
  margin: 20px 0;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 14px 16px;
}

#archive-title {
  overflow-wrap: anywhere;
}

.archive-description {
  overflow-wrap: anywhere;
}

.archive-topic-description {
  color: var(--usa-base);
  font-size: 0.9rem;
}

.archive-search {
  border-bottom: 1px solid var(--treasury-border);
  margin: 24px 0;
  padding-bottom: 24px;
}

.archive-search__controls {
  align-items: flex-end;
  display: flex;
  gap: 12px;
}

.archive-search__controls .usa-input {
  flex: 1 1 auto;
  margin: 0;
}

.archive-search__clear {
  display: inline-block;
  margin-top: 10px;
}

.archive-results-count {
  color: var(--usa-base);
  font-size: 0.9rem;
}

.archive-item__topics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.archive-item__topics li {
  border: 0;
  font-size: 0.875rem;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 0;
}

.archive-topic-subscribe {
  display: block;
  font-size: 0.8rem;
}

.archive-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  justify-content: flex-end;
  margin-top: 24px;
}

.feed {
  display: block;
}

.home-options {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
}

.home-options a {
  align-self: center;
}

@media (max-width: 480px) {
  .archive-search__controls {
    align-items: stretch;
    flex-direction: column;
  }
}

.pagination {
  margin-top: 30px;
  text-align: center;
}
  .pg-page {
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
  }
  .pg-page.pg-selected {
    text-decoration: underline;
    font-weight: bold;
  }

  .pg-page:focus-visible {
    outline: 3px solid var(--treasury-navy-900);
    outline-offset: 3px;
  }

.login .submit {
  margin-top: 20px;
}
  .login h2 {
    margin-top: 0;
  }
  .login button {
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .login button img {
    max-width: 24px;
    margin-right: 10px;
  }
  .login input[name=totp_code] {
    font-size: 2em;
    letter-spacing: 0;
    text-align: center;
  }

#btn-back[hidden] {
  display: none;
}

.message-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 32px 0 0;
}

@media screen and (max-width: 650px) {
  h2 {
    font-size: 2rem;
  }

  .wrap {
    margin: 0;
    padding: 30px 20px 48px;
    max-width: none;
  }

  .email-service-public-main > section,
  .email-service-public-main > form {
    padding: 24px 20px;
  }

  .public-subscription-review__row {
    gap: 2px;
    grid-template-columns: 1fr;
  }

}