/* Buy the Book: the source sentence, then three retailer logos as large link tiles, then the facts row. */
.pg-lede { margin: 0; font-size: clamp(21px, 1.7vw, 26px); line-height: 1.4; text-wrap: pretty; }
.pg-lede em { font-style: italic; }
.retailers { list-style: none; margin: clamp(32px, 3vw, 48px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.retailer { display: block; background: var(--white); border: 1px solid var(--line); box-shadow: 0 1px 0 rgba(31,43,49,.18), 0 16px 24px -20px rgba(31,43,49,.5); }
.retailer img { width: 100%; height: auto; }
.retailer:hover { border-color: var(--ink); box-shadow: 0 1px 0 rgba(31,43,49,.3), 0 20px 28px -18px rgba(31,43,49,.6); }

.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); column-gap: 28px; margin: clamp(56px, 5vw, 88px) 0 0; border-top: 1px solid var(--line); }
.facts__item { padding-top: 16px; }
.facts dt { margin: 0 0 6px; font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sepia); }
.facts dd { margin: 0; font-size: 22px; line-height: 1.3; font-variant-numeric: tabular-nums; }

@media (max-width: 899px) {
  .retailers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 480px; }
  .facts { row-gap: 18px; grid-template-columns: 1fr 1fr; }
}