/* Liability lines (L1 footer, L2 near Buy, L3 in the checkout panel). Typed small print, in the memo's own typewriter face. */
.terms { margin-top: 8px; max-width: 46ch; font: italic 400 13px/19px var(--font-typed); color: var(--ink-soft); text-wrap: balance; }
.terms a { color: var(--carbon); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.btn--primary + .terms { text-align: center; }
.cta-buy { display: block; }
.buy-row .terms, .form--slip ~ .terms, .btn--primary + .terms { margin-inline: auto; }
.terms--s { display: block; margin-top: 0; font-size: 11px; line-height: 14px; text-wrap: nowrap; }
.strip__buy { display: grid; justify-items: end; gap: 2px; }
.sticky-slip__terms { flex: 0 0 100%; margin-top: 0; text-align: center; }
.js .sticky-slip { flex-wrap: wrap; row-gap: 2px; }
.rail-buy .terms--s { margin-top: 8px; text-wrap: balance; text-align: center; white-space: normal; }
.fine { font: italic 400 13px/19px var(--font-typed); color: var(--ink-soft); }
.legal { max-width: 64ch; font-size: 14px; line-height: 21px; }
@media (min-width: 760px) {
  .cta-buy { flex: none; }
  .cta-row { align-items: flex-start; }
  .cta-row .textlink { margin-top: 4px; }
  .btn--primary + .terms { text-align: left; margin-inline: 0; }
  .terms { font-size: 14px; line-height: 21px; }
  .terms--s { font-size: 12px; line-height: 15px; }
  .legal { font-size: 15px; line-height: 23px; }
}
.cta-row + .foot { margin-top: 12px; }
.strip { padding-bottom: 14px; }
.dlg .fine a { font-weight: 400; }