/* ==========================================================================
   Account Management - page-level additions only.
   Everything else on this page is base.css / main.css: the shared .hero for
   the page head, plus caps grid, duties, list-check, split, cards, CTA band.
   ========================================================================== */

/* The two replenishment blocks under #logistics. Each one opens on its own
   hairline so the pair reads as two lists, not one list of nineteen. */
.am-block {
  padding-top: var(--s-5);
  border-top: 1px solid var(--rule-on-dark);
}

.am-block--light { border-top-color: var(--rule); }

.am-block__title {
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2.1vw, 1.625rem);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin-top: var(--s-3);
  margin-bottom: var(--s-4);
  text-wrap: balance;
}

.am-block__note {
  margin-bottom: var(--s-4);
  max-width: 44ch;
}