@charset "UTF-8";

/* End-of-guide offer: the onward path from a free guide to the paid Authority Pack. */
.authority-offer { padding-block: clamp(46px, 5.2vw, 74px); background: var(--cb-paper); border-block: 1px solid var(--authority-line, #d8d6cf); }
.authority-offer__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(22px, 3.2vw, 52px); align-items: center; width: min(100% - 48px, var(--authority-wide, 1120px)); margin-inline: auto; padding: clamp(26px, 3vw, 40px) clamp(26px, 3.4vw, 46px); background: var(--cb-ivory); border-top: 3px solid var(--cb-koi); box-shadow: var(--cb-shadow-small); }
.authority-offer__label { display: block; margin: 0 0 10px; color: var(--cb-koi-dark); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.authority-offer h2 { max-width: 26ch; margin: 0 0 12px; color: var(--cb-navy); font-family: var(--cb-serif); font-size: clamp(25px, 2.5vw, 34px); font-weight: 700; letter-spacing: -.022em; line-height: 1.12; text-wrap: balance; }
.authority-offer p { max-width: 56ch; margin: 0; color: var(--authority-ink, #262756); font-size: 16.5px; line-height: 1.6; }
.authority-offer__actions { display: grid; gap: 12px; justify-items: start; }
.authority-offer__buy { display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; background: var(--cb-koi-dark); color: #fff !important; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.authority-offer__buy::after { content: "\2192"; }
.authority-offer__buy:hover { background: var(--cb-navy); }
.authority-offer__alt { color: var(--cb-navy); font-size: 14.5px; font-weight: 600; text-underline-offset: 4px; }

/* Stacked: the actions sit under the copy and stay aligned with it. */
@media (max-width: 900px) {
  .authority-offer__card { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .authority-offer h2 { max-width: none; }
  .authority-offer__actions { margin-top: 22px; }
}

@media (max-width: 560px) {
  .authority-offer__actions { justify-items: stretch; }
  .authority-offer__buy { justify-content: center; }
  .authority-offer__alt { text-align: center; }
}