/* Comparison accessibility layer — v3.0.0 */
.lr-compare-page .lr-eyebrow,
.lr-compare-page .lr-guide-label,
.lr-page .lr-eyebrow,
.lr-page .lr-guide-label{color:#52677a!important}
.lr-compare-page .lr-note a:not(.lr-btn),
.lr-compare-page .lr-method a:not(.lr-btn),
.lr-page .lr-note a:not(.lr-btn),
.lr-page .lr-method a:not(.lr-btn){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
#comparisons_form a[role="button"],
.comparisons_rates a[role="button"]{cursor:pointer}

/* Mobile touch targets for comparison controls. Keep the checkbox itself compact,
 * while the associated label/select provides a comfortable interactive area. */
@media(max-width:767px){
  #comparisons_form .filters_grid label{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:8px 6px;
    cursor:pointer;
  }
  #comparisons_form .filters_grid input[type="checkbox"]{
    width:22px;
    height:22px;
    min-width:22px;
    min-height:22px;
  }
  #comparisons_form select[name="sorting"]{
    min-height:44px;
  }
}
#comparisons_form input:focus-visible,
#comparisons_form select:focus-visible,
#comparisons_form button:focus-visible,
#comparisons_form a:focus-visible,
.comparisons_rates a:focus-visible{
  outline:3px solid #2f73b7!important;
  outline-offset:3px!important;
  border-radius:6px
}

/*
 * Shared representative-cost example.
 * Mirrors the approved quick-loans card treatment on every Comparisons table.
 */
#comparisons_form .comparisons_rates .company_box .example{
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:14px 0 0!important;
  padding:11px 13px!important;
  color:#516a7d!important;
  background:#f8fafc!important;
  border:1px solid #e5edf3!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
#comparisons_form .comparisons_rates .company_box .example strong{
  color:inherit;
  font-weight:700;
}
@media(max-width:620px){
  #comparisons_form .comparisons_rates .company_box .example{
    font-size:12px!important;
  }
}

/* Keep provider logos prominent on narrow comparison cards. Provider identity
 * remains available in the logo alt text and expanded offer information. */
@media(max-width:767px){
  #comparisons_form .comparisons_rates .company_box .toprow > .company_name{
    display:none!important;
  }
  #comparisons_form .comparisons_rates .company_box .toprow > .company_logo{
    margin-right:0!important;
  }
}

/* On the narrowest cards, keep the logo and condition badge in one header row.
 * Reserve space for longer badges so neither element covers the other. */
@media(max-width:700px){
  @supports selector(.company_box:has(.ribbon)){
    #comparisons_form .comparisons_rates .company_box:has(.ribbon){
      padding-top:20px!important;
    }
    #comparisons_form .comparisons_rates .company_box:has(.ribbon) .toprow{
      box-sizing:border-box;
      min-height:70px;
      padding-right:42%!important;
    }
    #comparisons_form .comparisons_rates .company_box:has(.ribbon) .toprow > .company_logo{
      max-width:100%!important;
    }
    #comparisons_form .comparisons_rates .company_box:has(.ribbon) span.ribbon{
      top:20px!important;
      max-width:40%!important;
    }
  }
}