/* Rates and charges: hero, six summary cards, explainer, shared FAQ. Reuses the Rinncrest palette, DM Sans,
   IBM Plex Mono for figures, 15px card radius and the .faq-list accordion from site.css. */
.rates-page .breadcrumbs{padding-bottom:4px}
.rates-hero{padding-block:22px 44px;border-bottom:0}
.rates-hero h1{max-width:18ch}
.rates-hero .intro-copy{max-width:60ch;margin-top:22px}
.rates-hero .review-line{margin-top:22px}

.rates-summary{background:var(--mist);border-block:1px solid var(--line);padding-block:clamp(36px,5vw,72px)}
.rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
/* Card type scales from the card's own width (cqw) so each card keeps the same proportions at any column count. */
.rate-card{container-type:inline-size;display:flex;flex-direction:column;gap:22px;min-width:0;min-height:222px;padding:30px;background:#fff;border:1px solid #e1e9e6;border-radius:16px}
.rate-card__title{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--muted)}
.rate-card__value{margin:0;line-height:1.3;color:var(--navy);overflow-wrap:break-word}
.rate-card__lead{display:block;margin-bottom:4px;font-size:18px;font-weight:400;line-height:1.4;color:var(--muted)}
.rate-card__figure{display:block;font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;font-size:clamp(46px,19cqw,72px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--navy)}
.rate-card__unit{font-size:.42em;font-weight:500;letter-spacing:0;color:var(--muted)}
.rate-card__figure--word{font-size:clamp(46px,18.5cqw,68px);letter-spacing:-.035em;line-height:1.05}
.rate-card__figure--positive{color:var(--forest)}
.rate-card__figure--range{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.42em;font-size:clamp(18px,9.5cqw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.35}
.rate-card__figure--range+.rate-card__figure--range{margin-top:6px}
.rate-card__figure--name{font-size:clamp(24px,9cqw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.28;text-wrap:balance}
.rate-card__connector{font-size:.62em;font-weight:400;letter-spacing:0;color:var(--muted)}
.rate-card__nowrap{white-space:nowrap}
.rate-card__detail{display:block;margin-top:12px;font-size:16px;line-height:1.55;color:var(--muted)}
.rate-card__figure--name+.rate-card__detail,.rate-card__figure--name+.sr-only+.rate-card__detail{font-size:15px}
.rate-card--pending .pending-fact{display:block;padding:15px 22px;border-radius:11px;background:#edf1ef;font-size:17px;line-height:1.5;color:var(--navy)}
/* Explainer: rate, reducing balance, interest table, APR, KFS, charges (plain-text facts for search and AI Overviews). */
.rates-explainer{padding-block:clamp(48px,6vw,84px);border-bottom:1px solid var(--line)}
.rates-explainer__body{max-width:760px}
.rates-explainer__body h2{margin-top:52px}
.rates-explainer__body h2:first-child{margin-top:0}
.rates-explainer__body caption{caption-side:bottom;padding-top:12px;text-align:left;font-size:14px;line-height:1.55;color:var(--muted)}
.rates-faq{padding-block:clamp(56px,7vw,94px)}
.rates-faq__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:80px;align-items:start}
.rates-faq .faq-list{min-width:0}
.rates-faq .faq-answer p{margin:0}
.rates-faq .faq-answer p+p{margin-top:12px}

@media(max-width:1023px){
  .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .rate-card{min-height:210px;padding:28px}
  .rates-faq__layout{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:767px){
  .rates-hero{padding-block:14px 32px}
  .rates-hero .intro-copy{margin-top:18px}
  .rates-hero .review-line{margin-top:18px}
}
@media(max-width:639px){
  .rate-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .rate-card{min-height:0;gap:18px;padding:26px 22px}
}
@media(max-width:359px){
  .rate-card{padding:20px 16px}
}
@media print{
  .rates-summary{background:none}
  .rate-card{break-inside:avoid}
}