/* Scoped to the Rankings overview; activity pages keep their existing layout. */
.rankings-overview .activity-symbol { width: 30px; height: 30px; flex: 0 0 30px; color: var(--gold); }
.rankings-overview .activity-list h3 { font-size: 23px; }
.rankings-overview .activity-list p { font-size: 15px; line-height: 1.5; }
.rankings-overview .activity-option-custom { grid-column: 1 / -1; }
.rankings-overview .activity-option-custom h3 { color: var(--teal); }
.rankings-overview .activity-directory { margin-bottom: 80px; }
.rankings-overview .rankings-product-proof > h2 { margin-bottom: 32px; text-align: center; font-size: clamp(32px, 4vw, 40px); line-height: 1.15; font-weight: 700; letter-spacing: -0.025em; }
.rankings-overview .rankings-walkthrough { display: grid; grid-template-columns: minmax(0, 1fr) 306px minmax(0, 1fr); column-gap: 36px; align-items: center; }
.rankings-overview .rankings-product-proof figure { grid-column: 2; grid-row: 1 / 3; margin: 0; }
.rankings-overview .rankings-product-proof img { display: block; width: min(306px, 100%); height: auto; margin: 0 auto; }
.rankings-overview .rankings-product-proof figcaption { margin: 18px auto 0; max-width: 280px; color: var(--muted); font-size: 13px; line-height: 1.6; text-align: center; }
.rankings-overview .rankings-callouts { display: contents; list-style: none; }
.rankings-overview .rankings-callouts li { padding: 20px 0; }
.rankings-overview .rankings-callouts li:nth-child(1) { grid-column: 1; grid-row: 1; }
.rankings-overview .rankings-callouts li:nth-child(2) { grid-column: 3; grid-row: 1; }
.rankings-overview .rankings-callouts li:nth-child(3) { grid-column: 1; grid-row: 2; }
.rankings-overview .rankings-callouts li:nth-child(4) { grid-column: 3; grid-row: 2; }
.rankings-overview .rankings-callouts h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.4; font-weight: 600; }
.rankings-overview .rankings-callouts p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--muted); }
.rankings-overview #download { scroll-margin-top: 150px; }
@media (max-width: 800px) {
  .rankings-overview .rankings-walkthrough { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .rankings-overview .rankings-product-proof figure { grid-column: auto; grid-row: auto; }
  .rankings-overview .rankings-callouts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; }
  .rankings-overview .rankings-callouts li:nth-child(n) { grid-column: auto; grid-row: auto; padding: 0; }
}
@media (max-width: 720px) {
  .rankings-overview .activity-list a { gap: 14px; padding-left: 4px; padding-right: 4px; }
  .rankings-overview .activity-list h3 { font-size: 21px; }
  .rankings-overview .activity-symbol { width: 27px; height: 27px; flex-basis: 27px; }
  .rankings-overview .rankings-product-proof img { width: min(282px, 100%); }
}
@media (max-width: 480px) {
  .rankings-overview .rankings-callouts { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rankings-overview .rankings-callouts h3 { font-size: 18px; margin-bottom: 4px; }
}