/* Cash Compass Ver.1.4.1 — compact article/comparison typography
 * Stronger selectors for all article/comparison layouts.
 * The TOP page (.cc-home-v3-page) is intentionally excluded.
 */

/* --- Article title / H1 -------------------------------------------------- */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main,
  article,
  #main_content,
  .l-mainContent,
  .l-mainContent__inner,
  .p-articleHead,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) h1,
body.cc-compact-content:not(.cc-home-v3-page) :where(
  .entry-title,
  .post-title,
  .page-title,
  .wp-block-post-title,
  .c-postTitle__ttl,
  .p-articleHead__title,
  .p-pageTitle__title
) {
  font-size: clamp(32px, 3.2vw, 46px) !important;
  line-height: 1.30 !important;
  letter-spacing: -0.025em !important;
}

/* Some themes put font-size on spans inside the H1. Inherit the corrected size. */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main,
  article,
  #main_content,
  .l-mainContent,
  .p-articleHead
) h1 :where(span, strong, em, b),
body.cc-compact-content:not(.cc-home-v3-page) :where(
  .entry-title,
  .post-title,
  .page-title,
  .wp-block-post-title,
  .c-postTitle__ttl,
  .p-articleHead__title,
  .p-pageTitle__title
) :where(span, strong, em, b) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* --- H2 / H3 / H4 ------------------------------------------------------- */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content,
  .l-mainContent,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) h2 {
  font-size: 27px !important;
  line-height: 1.42 !important;
  letter-spacing: -0.015em !important;
}

body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content,
  .l-mainContent,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) h3 {
  font-size: 20px !important;
  line-height: 1.50 !important;
}

body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content,
  .l-mainContent,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) h4 {
  font-size: 18px !important;
  line-height: 1.55 !important;
}

/* Heading child elements also inherit the corrected size. */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content,
  .l-mainContent,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) :where(h2,h3,h4) :where(span,strong,em,b) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* --- Main reading text -------------------------------------------------- */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content article,
  .l-mainContent article,
  .p-articleContent,
  .entry-content,
  .post_content,
  .post-content,
  .article-content,
  .c-postContent,
  .c-entry-content,
  .wp-block-post-content
) :where(p, li, dd, dt, blockquote) {
  font-size: 16px !important;
  line-height: 1.82 !important;
}

/* Lists sometimes set size on nested links/spans. */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content article,
  .l-mainContent article,
  .p-articleContent,
  .entry-content,
  .post_content,
  .c-postContent,
  .wp-block-post-content
) :where(p,li,dd,dt,blockquote) :where(a,span,strong,em,b) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Auxiliary text. */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  main article,
  #main_content article,
  .l-mainContent article,
  .p-articleContent,
  .entry-content,
  .post_content,
  .c-postContent,
  .wp-block-post-content
) :where(figcaption, .wp-element-caption, small) {
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Keep buttons / form controls at their theme-defined size. */
body.cc-compact-content:not(.cc-home-v3-page) :where(
  .wp-block-button__link,
  button,
  input,
  select,
  textarea
) {
  line-height: normal;
}

@media (max-width: 680px) {
  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main,
    article,
    #main_content,
    .l-mainContent,
    .l-mainContent__inner,
    .p-articleHead,
    .p-articleContent,
    .entry-content,
    .post_content,
    .post-content,
    .article-content,
    .c-postContent,
    .c-entry-content,
    .wp-block-post-content
  ) h1,
  body.cc-compact-content:not(.cc-home-v3-page) :where(
    .entry-title,
    .post-title,
    .page-title,
    .wp-block-post-title,
    .c-postTitle__ttl,
    .p-articleHead__title,
    .p-pageTitle__title
  ) {
    font-size: 30px !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
  }

  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main article,
    #main_content,
    .l-mainContent,
    .p-articleContent,
    .entry-content,
    .post_content,
    .post-content,
    .article-content,
    .c-postContent,
    .c-entry-content,
    .wp-block-post-content
  ) h2 {
    font-size: 23px !important;
    line-height: 1.45 !important;
  }

  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main article,
    #main_content,
    .l-mainContent,
    .p-articleContent,
    .entry-content,
    .post_content,
    .post-content,
    .article-content,
    .c-postContent,
    .c-entry-content,
    .wp-block-post-content
  ) h3 {
    font-size: 19px !important;
    line-height: 1.50 !important;
  }

  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main article,
    #main_content,
    .l-mainContent,
    .p-articleContent,
    .entry-content,
    .post_content,
    .post-content,
    .article-content,
    .c-postContent,
    .c-entry-content,
    .wp-block-post-content
  ) h4 {
    font-size: 17px !important;
  }

  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main article,
    #main_content article,
    .l-mainContent article,
    .p-articleContent,
    .entry-content,
    .post_content,
    .post-content,
    .article-content,
    .c-postContent,
    .c-entry-content,
    .wp-block-post-content
  ) :where(p, li, dd, dt, blockquote) {
    font-size: 15px !important;
    line-height: 1.80 !important;
  }

  body.cc-compact-content:not(.cc-home-v3-page) :where(
    main article,
    #main_content article,
    .l-mainContent article,
    .p-articleContent,
    .entry-content,
    .post_content,
    .c-postContent,
    .wp-block-post-content
  ) :where(figcaption, .wp-element-caption, small) {
    font-size: 12.5px !important;
  }
}


/* =========================================================
   v1.8.5: comparison page -> cashing article hub CTA
========================================================= */
.cc-comparison-cash-cta{
  margin:40px 0 8px!important;
  padding:28px 30px!important;
  border:1px solid #d8e2ee!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#071f42 0%,#103e75 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(7,31,66,.10)!important;
}
.cc-comparison-cash-cta .cc-comparison-cash-kicker{margin-bottom:8px;color:#ffc329;font-size:11px;font-weight:900;letter-spacing:.14em}
.cc-comparison-cash-cta h2{margin:0 0 10px!important;color:#fff!important;font-size:25px!important;line-height:1.45!important;border:0!important;padding:0!important}
.cc-comparison-cash-cta p{margin:0 0 18px!important;color:#e5edf7!important;font-size:15px!important;line-height:1.8!important}
.cc-comparison-cash-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.cc-comparison-cash-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:900;text-decoration:none!important}
.cc-comparison-cash-primary{background:#ffc329!important;color:#08244a!important}
.cc-comparison-cash-secondary{background:#fff!important;color:#08244a!important;border:1px solid rgba(255,255,255,.5)!important}
.cc-comparison-cash-cta small{display:block;color:#b9c9dd;font-size:11px;line-height:1.7}
@media(max-width:767px){
  .cc-comparison-cash-cta{margin:30px 0 4px!important;padding:21px 18px!important;border-radius:14px!important}
  .cc-comparison-cash-cta h2{font-size:20px!important}
  .cc-comparison-cash-cta p{font-size:13px!important;line-height:1.75!important}
  .cc-comparison-cash-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .cc-comparison-cash-actions a{width:100%;min-height:44px;font-size:12px}
  .cc-comparison-cash-cta small{font-size:10px}
}