/* Listicle ("Top 10 medical billing companies") page styles - v2.
   Extracted from the design build (MedsItNexus website/css/style.css) for the
   classes style-v2.css does not already define. Loaded after style-v2.css. */

.listicle-banner-section {
  padding: 20px 0;
  background: var(--c-white);
}

.listicle-banner-section .container-page {
  container-type: inline-size;
  --u: 0.08064516cqw;
  /* 100cqw / 1240 design px */;
}

.listicle-banner {
  position: relative;
  aspect-ratio: 1240 / 550;
  overflow: hidden;
  background: linear-gradient(156.08deg, #f8f9fa 0%, #e2e8f0 100%);
  border-radius: calc(12.585 * var(--u));
}

.listicle-banner-plus,
.listicle-banner-dots {
  position: absolute;
}

.listicle-banner-plus {
  top: calc(59 * var(--u));
  left: calc(1015 * var(--u));
  width: calc(144.101 * var(--u));
  height: calc(226.534 * var(--u));
}

.listicle-banner-dots {
  top: calc(69.41 * var(--u));
  left: calc(144.65 * var(--u));
  width: calc(80.54 * var(--u));
  height: calc(35.24 * var(--u));
}

.listicle-banner-content {
  position: absolute;
  top: calc(74 * var(--u));
  left: 50%;
  display: flex;
  gap: calc(167 * var(--u));
  align-items: center;
  transform: translateX(-50%);
}

.listicle-banner-copy {
  display: flex;
  flex-direction: column;
  gap: calc(23.357 * var(--u));
  align-items: flex-start;
  width: calc(348.23 * var(--u));
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 800;
  letter-spacing: calc(-0.9939 * var(--u));
  white-space: nowrap;
}

.listicle-banner-rank {
  display: flex;
  flex-direction: column;
  gap: calc(16.311 * var(--u));
  align-items: center;
}

.listicle-banner-rank-text {
  font-size: calc(60 * var(--u));
  line-height: calc(61.622 * var(--u));
  color: var(--c-orange);
  text-align: center;
}

.listicle-banner-rule {
  width: calc(115.293 * var(--u));
  height: calc(3.479 * var(--u));
  background: linear-gradient(
    90deg,
    #343d90 0%,
    #5b4191 22%,
    #b24e7d 50%,
    #f15361 80%,
    #fd585a 100%
  );
}

.listicle-banner-main {
  font-size: calc(48 * var(--u));
  line-height: calc(52.846 * var(--u));
  color: var(--c-blue);
}

.listicle-banner-place {
  font-size: calc(68 * var(--u));
  line-height: calc(59.634 * var(--u));
  color: var(--c-orange);
  text-align: center;
}

.listicle-banner-flag {
  position: relative;
  flex-shrink: 0;
  width: calc(286.103 * var(--u));
  height: calc(286.103 * var(--u));
}

.listicle-banner-flag img {
  position: absolute;
  top: -7.52%;
  left: -7.52%;
  width: 115.04%;
  height: 100%;
}

.listicle-banner-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(151 * var(--u));
}

.listicle-banner-wave-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.listicle-banner-badges {
  position: absolute;
  top: calc(100.11 * var(--u));
  left: calc(35 * var(--u));
  display: flex;
  gap: calc(9 * var(--u));
  align-items: center;
}

.listicle-banner-badge {
  display: flex;
  gap: calc(10 * var(--u));
  align-items: center;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: calc(12 * var(--u));
  line-height: calc(13.39 * var(--u));
  color: var(--c-white);
  white-space: nowrap;
}

.listicle-banner-badge img {
  flex-shrink: 0;
  width: calc(32 * var(--u));
  height: calc(32 * var(--u));
}

.listicle-banner-divider {
  flex-shrink: 0;
  width: calc(0.52 * var(--u));
  height: calc(27.03 * var(--u));
  background: rgba(255, 255, 255, 0.4);
}

@media (max-width: 900px) {
  .listicle-banner-section {
    padding: 56px 0;
  }

  .listicle-banner {
    aspect-ratio: auto;
    border-radius: 12px;
  }

  .listicle-banner-plus,
  .listicle-banner-dots {
    display: none;
  }

  .listicle-banner-content {
    position: static;
    flex-direction: column;
    gap: 28px;
    padding: 40px 24px 24px;
    transform: none;
  }

  .listicle-banner-copy {
    gap: 14px;
    align-items: center;
    width: auto;
    letter-spacing: -0.5px;
    text-align: center;
  }

  .listicle-banner-rank {
    gap: 8px;
  }

  .listicle-banner-rank-text {
    font-size: 40px;
    line-height: 44px;
  }

  .listicle-banner-rule {
    width: 96px;
    height: 3px;
  }

  .listicle-banner-main {
    font-size: 30px;
    line-height: 38px;
  }

  .listicle-banner-place {
    font-size: 42px;
    line-height: 44px;
  }

  .listicle-banner-flag {
    width: 200px;
    height: 200px;
  }

  .listicle-banner-wave {
    position: relative;
    height: auto;
  }

  .listicle-banner-badges {
    position: relative;
    top: auto;
    left: auto;
    flex-wrap: wrap;
    gap: 14px 18px;
    justify-content: center;
    padding: 48px 20px 20px;
  }

  .listicle-banner-badge {
    gap: 8px;
    font-size: 11px;
    line-height: 14px;
  }

  .listicle-banner-badge img {
    width: 26px;
    height: 26px;
  }

  .listicle-banner-divider {
    display: none;
  }
}

@media (max-width: 480px) {
  .listicle-banner-rank-text {
    font-size: 32px;
    line-height: 36px;
  }

  .listicle-banner-main {
    font-size: 24px;
    line-height: 32px;
  }

  .listicle-banner-place {
    font-size: 34px;
    line-height: 38px;
  }

  .listicle-banner-flag {
    width: 160px;
    height: 160px;
  }
}

.listicle-intro {
  /* The Top 10 grid below owns the 60px gap Figma shows between the two, so
     this block only needs a tail when it is the last thing on the page. */
  padding: 0;
  background: var(--c-white);
}

.listicle-intro-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  max-width: 1052px;
  margin: 0 auto;
}

.listicle-intro-pills {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.listicle-intro-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Flex drops the space between <strong> and the text beside it ("14 min read"). */
  gap: 0.3em;
  padding: 8px 10px;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 9.976px;
  color: var(--c-blue);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 9.069px;
}

.listicle-intro-pill strong {
  font-weight: 700;
}

.listicle-intro-heading {
  max-width: 836px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 42px;
  line-height: 50.4px;
  color: var(--c-blue);
  text-align: center;
}

.listicle-intro-heading .accent {
  color: var(--c-orange);
}

/* Inline text links in the intro copy (e.g. -> Medical Billing Services). */
.listicle-intro-lead a {
  color: var(--c-blue);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(252, 93, 97, 0.5);
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.listicle-intro-lead a:hover,
.listicle-intro-lead a:focus-visible {
  color: var(--c-orange);
  text-decoration-color: currentColor;
}

.listicle-intro-lead {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 28.8px;
  color: var(--c-text);
  text-align: center;
}

@media (max-width: 900px) {
  .listicle-intro-heading {
    font-size: 30px;
    line-height: 38px;
  }
}

@media (max-width: 576px) {
  .listicle-intro-pills {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }

  .listicle-intro-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .listicle-intro-lead {
    font-size: 15px;
    line-height: 26px;
  }
}

.listicle-top10 {
  /* The CTA banner below owns the 60px gap Figma shows between the two. */
  padding: 60px 0 0;
  background: var(--c-white);
}

.listicle-top10-head {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  max-width: 896px;
  margin: 0 auto;
}

.listicle-top10-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 9.976px;
  color: var(--c-blue);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 9.069px;
}

.listicle-top10-heading {
  margin: 0;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  color: var(--c-blue);
  text-align: center;
  text-transform: capitalize;
}

.listicle-top10-heading .accent {
  color: var(--c-orange);
}

.listicle-top10-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px 20px;
  margin-top: 60px;
}

.top10-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 40px 20px 20px;
  overflow: hidden;
  color: var(--c-text);
  text-decoration: none;
  background: var(--c-white);
  border-radius: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.top10-card:hover {
  color: var(--c-text);
  transform: translateY(-2px);
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.18);
}

.top10-card-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  width: 83px;
  height: 72px;
}

.top10-card-ribbon img {
  display: block;
  width: 83px;
  height: 72px;
}

.top10-card-ribbon span {
  position: absolute;
  top: 21px;
  left: 48.5px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 9.976px;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.top10-card-brand {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.top10-card-logo {
  display: block;
  width: auto;
  max-width: var(--logo-w, 100%);
  height: var(--logo-h);
  object-fit: contain;
  object-position: left center;
}

.top10-card-rule {
  width: 35.08px;
  height: 2px;
  background: var(--accent);
}

.top10-card-title {
  width: 100%;
  min-height: 50px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: var(--c-text);
  text-transform: capitalize;
}

.top10-card-feature {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  color: var(--c-text);
}

.top10-card-feature-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--accent-soft);
  border-radius: 32px;
}

.top10-card-feature-icon img {
  width: 20px;
  height: 20px;
}

.top10-card-rating {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: center;
}

.top10-card-rating img {
  display: block;
  width: 110px;
  height: 20px;
}

.top10-card-rating span {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--c-text);
  text-align: center;
  letter-spacing: 0.2px;
  opacity: 0.8;
}

.top10-card--01 {
  --accent: #273775;
  --accent-soft: rgba(39, 55, 117, 0.1);
  --logo-h: 34px;
}

.top10-card--02 {
  --accent: #f4b93e;
  --accent-soft: rgba(244, 185, 62, 0.1);
  --logo-h: 39px;
}

.top10-card--03 {
  --accent: #842d73;
  --accent-soft: rgba(132, 45, 115, 0.1);
  --logo-h: 39px;
}

.top10-card--04 {
  --accent: #2ea9e1;
  --accent-soft: rgba(46, 169, 225, 0.1);
  --logo-h: 38px;
}

.top10-card--05 {
  --accent: #00e5d8;
  --accent-soft: rgba(0, 229, 216, 0.1);
  --logo-h: 31px;
}

.top10-card--06 {
  --accent: #16478e;
  --accent-soft: rgba(22, 71, 142, 0.1);
  --logo-h: 31px;
}

.top10-card--07 {
  --accent: #00c884;
  --accent-soft: rgba(0, 200, 132, 0.1);
  --logo-h: 31px;
}

.top10-card--08 {
  --accent: #0f6cbd;
  --accent-soft: rgba(15, 108, 189, 0.1);
  --logo-h: 31px;
}

.top10-card--09 {
  --accent: #7dc146;
  --accent-soft: rgba(125, 193, 70, 0.1);
  --logo-h: 46px;
}

.top10-card--10 {
  --accent: #3b9bd5;
  --accent-soft: rgba(59, 155, 213, 0.1);
  --logo-h: 31px;
}

@media (max-width: 1200px) {
  .listicle-top10-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1024px) {
  .listicle-top10 {
    padding: 48px 0 0;
  }

  .listicle-top10-heading {
    font-size: 26px;
    line-height: 36px;
  }

  .listicle-top10-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 20px;
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .listicle-top10 {
    padding: 40px 0 0;
  }

  .listicle-top10-heading {
    font-size: 22px;
    line-height: 30px;
  }

  .listicle-top10-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .listicle-top10-grid {
    grid-template-columns: 1fr;
    max-width: 320px;
    margin-inline: auto;
  }
}

.listicle-cta {
  /* The full-review section below owns the gap Figma shows between the two. */
  padding: 60px 0 0;
  background: var(--c-white);
}

.listicle-cta-banner {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 50px;
  overflow: hidden;
  background: linear-gradient(to right, var(--c-blue) 29.808%, var(--c-orange));
  border-radius: 20px;
}

.listicle-cta-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 604px;
  max-width: 100%;
}

.listicle-cta-copy h2 {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  color: var(--c-white);
}

.listicle-cta-copy p {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--c-white);
}

.listicle-cta-button {
  display: inline-flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 12px 24px;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: var(--c-white);
  text-align: center;
  text-decoration: none;
  background: var(--c-orange);
  border-radius: 5px;
  transition: filter 0.2s ease;
}

.listicle-cta-button:hover {
  color: var(--c-white);
  filter: brightness(1.08);
}

.listicle-cta-orbit {
  position: absolute;
  top: 50px;
  right: 142px;
  width: 319px;
  height: 319px;
  pointer-events: none;
}

.listicle-cta-ring {
  position: absolute;
  opacity: 0.4;
}

.listicle-cta-ring--outer {
  top: 0;
  left: 0;
  width: 319px;
  height: 319px;
}

.listicle-cta-ring--inner {
  top: 29px;
  left: 27px;
  width: 266px;
  height: 266px;
}

.listicle-cta-mark {
  position: absolute;
  top: 94px;
  left: 94px;
  width: 131.825px;
  height: 90px;
}

.listicle-cta-chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--c-white);
  border-radius: 25.8px;
  filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.25));
}

.listicle-cta-chip--document img {
  width: 16.2px;
  height: 16.2px;
}

.listicle-cta-chip--analytics img {
  width: 15.15px;
  height: 15.15px;
}

.listicle-cta-chip--automation img,
.listicle-cta-chip--secure img {
  width: 18px;
  height: 18px;
}

.listicle-cta-chip--document {
  top: 192px;
  left: 21px;
}

.listicle-cta-chip--analytics {
  top: 20px;
  left: 42px;
}

.listicle-cta-chip--automation {
  top: 191px;
  left: 298px;
}

.listicle-cta-chip--secure {
  top: 71px;
  left: 260px;
}

@media (max-width: 1200px) {
  .listicle-cta-banner {
    flex-direction: column;
    align-items: stretch;
  }

  .listicle-cta-copy {
    width: 100%;
  }

  .listicle-cta-orbit {
    position: relative;
    top: auto;
    right: auto;
    align-self: center;
    margin-top: 4px;
    transform: none;
  }
}

@media (max-width: 1024px) {
  .listicle-cta {
    padding: 48px 0 0;
  }
}

@media (max-width: 768px) {
  .listicle-cta {
    padding: 40px 0 0;
  }

  .listicle-cta-banner {
    padding: 32px 24px;
  }

  .listicle-cta-copy h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 520px) {
  .listicle-cta-orbit {
    display: none;
  }

  .listicle-cta-button {
    width: 100%;
  }
}

.listicle-detail {
  padding: 100px 0 40px;
  background: var(--c-white);
}

.listicle-detail-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.listicle-detail-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 9.976px;
  color: var(--c-blue);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 9.069px;
}

.listicle-detail-head h2 {
  max-width: 734px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 32px;
  line-height: 36.4px;
  color: var(--c-blue);
}

.listicle-detail-head p {
  max-width: 834px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 25.2px;
  color: var(--c-text);
}

.listicle-detail-body {
  display: grid;
  grid-template-columns: 273px minmax(0, 1fr);
  gap: 30px;
  margin-top: 30px;
}

/* The sidebar runs the full height of the reviews: the TOC and calculator CTA
   scroll away normally, then the contact form sticks under the header until
   the end of the section. (The whole sidebar is taller than the viewport, so
   making all of it sticky never worked.) */
.listicle-detail-aside {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}

.listicle-detail-aside > .bp-widget--contact {
  position: sticky;
  top: calc(var(--header-h) + 20px);
}

.detail-toc {
  padding: 19px 9px;
  background: var(--c-white);
  border: 1px solid #ecdcff;
  border-radius: 6px;
}

.detail-toc h3 {
  margin: 0 0 20px;
  font-family: var(--font-primary);
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
  color: var(--c-blue);
}

.detail-toc ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.detail-toc a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--c-text);
  text-decoration: none;
}

.detail-toc-dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background: var(--c-light-grey);
  border-radius: 50%;
  transition: background 0.2s ease;
}

.detail-toc a.is-current,
.detail-toc a:hover {
  font-weight: 700;
  color: var(--c-orange);
}

.detail-toc a.is-current .detail-toc-dot,
.detail-toc a:hover .detail-toc-dot {
  background: var(--c-blue);
}

.listicle-detail-cards {
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-width: 0;
}

.detail-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 40px;
  overflow: hidden;
  scroll-margin-top: calc(var(--header-h) + 20px);
  background:
    linear-gradient(var(--c-bg-blue), var(--c-bg-blue)) padding-box,
    linear-gradient(to right, var(--c-blue) 29.808%, var(--c-orange)) border-box;
  border: 5px solid transparent;
  border-radius: 20px;
}

.detail-card-watermark {
  position: absolute;
  top: calc(50% + 20px);
  right: 15px;
  overflow: hidden;
  opacity: 0.2;
  pointer-events: none;
  transform: translateY(-50%);
}

.detail-card-watermark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

.detail-card-brand {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.detail-card-logo {
  display: block;
  width: auto;
  max-width: var(--logo-w, 100%);
  height: var(--logo-h);
  object-fit: contain;
  object-position: left center;
}

.detail-card-rule {
  width: 55.08px;
  height: 4px;
  background: var(--c-blue);
  border-radius: 2px;
}

.detail-card-facts {
  display: flex;
  gap: 39px;
  align-items: center;
}

.detail-fact {
  display: flex;
  gap: 10px;
  align-items: center;
}

.detail-fact-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 32px;
}

.detail-fact-icon img {
  width: 20px;
  height: 20px;
}

.detail-fact-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  white-space: nowrap;
}

.detail-fact-text small {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var(--c-text);
}

.detail-fact-text b {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  color: var(--c-blue);
}

.detail-fact-divider {
  flex-shrink: 0;
  width: 1px;
  height: 38px;
  background: var(--c-placeholder);
}

.detail-card-intro {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--c-text);
}

/* In-copy links inside a review card, styled like the intro's (.listicle-intro-lead a). */
.detail-card-intro a {
  color: var(--c-blue);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(252, 93, 97, 0.5);
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.detail-card-intro a:hover,
.detail-card-intro a:focus-visible {
  color: var(--c-orange);
  text-decoration-color: currentColor;
}

.detail-card-services {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.detail-card-services h3 {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--c-text);
}

.detail-card-services ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.detail-card-services li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: var(--c-text);
}

.detail-tick {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 25.6px;
}

.detail-tick img {
  width: 16px;
  height: 16px;
}

.detail-card-standout {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 20px;
  background: var(--c-white);
  border-radius: 10px;
}

.detail-card-standout h4,
.detail-card-standout p {
  padding-left: 20px;
  border-left: 4px solid var(--c-orange);
}

.detail-card-standout h4 {
  margin: 0;
  padding-bottom: 20px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 20.8px;
  color: var(--c-orange);
  text-transform: uppercase;
  letter-spacing: 0.78px;
}

.detail-card-standout p {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 23.2px;
  color: var(--c-text);
}

.detail-card-standout strong {
  font-weight: 700;
}

.detail-card-promo {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 24px;
  background: linear-gradient(to right, var(--c-blue) 29.808%, var(--c-orange));
  border-radius: 12px;
}

.detail-card-promo p {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--c-white);
}

.detail-card-promo-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 13px;
  line-height: 20.8px;
  color: var(--c-white);
  text-decoration: none;
  background: var(--c-orange);
  border-radius: 5px;
  transition: filter 0.2s ease;
}

.detail-card-promo-btn:hover {
  color: var(--c-white);
  filter: brightness(1.08);
}

.detail-card--01 {
  --logo-h: 40px;
}

.detail-card--02 {
  --logo-h: 59px;
}

.detail-card--03 {
  --logo-h: 40px;
}

.detail-card--04 {
  --logo-h: 40px;
}

.detail-card--05 {
  --logo-h: 49px;
}

.detail-card--06 {
  --logo-h: 49px;
}

.detail-card--07 {
  --logo-h: 49px;
}

.detail-card--08 {
  --logo-h: 49px;
}

.detail-card--09 {
  --logo-h: 49px;
}

.detail-card--10 {
  --logo-h: 49px;
}

.detail-card--01 .detail-card-watermark {
  width: 233.243px;
  height: 160.066px;
}

.detail-card--02 .detail-card-watermark {
  width: 173px;
  height: 179px;
}

.detail-card--03 .detail-card-watermark {
  width: 147px;
  height: 196px;
}

.detail-card--04 .detail-card-watermark {
  width: 170px;
  height: 176px;
}

.detail-card--05 .detail-card-watermark {
  width: 145px;
  height: 151px;
}

.detail-card--06 .detail-card-watermark {
  width: 157px;
  height: 166px;
}

.detail-card--07 .detail-card-watermark {
  width: 175px;
  height: 179px;
}

.detail-card--08 .detail-card-watermark {
  width: 158px;
  height: 164px;
}

.detail-card--09 .detail-card-watermark {
  width: 195px;
  height: 189px;
}

.detail-card--10 .detail-card-watermark {
  width: 136px;
  height: 160px;
}

.detail-card--09 .detail-card-watermark img,
.detail-card--10 .detail-card-watermark img {
  object-position: right center;
}

@media (max-width: 1024px) {
  .listicle-detail {
    padding: 72px 0 32px;
  }

  .listicle-detail-body {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .listicle-detail-aside {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 273px;
    gap: 20px;
    align-items: start;
  }

  .listicle-detail-aside > .bp-widget--contact {
    position: static;
  }

  .listicle-detail-head h2 {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (max-width: 768px) {
  .listicle-detail {
    padding: 56px 0 24px;
  }

  .listicle-detail-aside {
    grid-template-columns: minmax(0, 1fr);
  }

  .detail-card {
    gap: 16px;
    padding: 24px;
    border-width: 4px;
    border-radius: 16px;
  }

  .detail-card-watermark {
    display: none;
  }

  .detail-card-facts {
    gap: 20px;
  }

  .detail-card-standout {
    padding: 16px;
  }

  .detail-card-standout h4 {
    font-size: 17px;
    line-height: 22px;
  }

  .detail-card-promo {
    padding: 16px;
  }
}

@media (max-width: 520px) {
  .detail-card-facts {
    flex-wrap: wrap;
    gap: 14px;
  }

  .detail-fact-divider {
    display: none;
  }

  .detail-card-promo-btn {
    width: 100%;
    justify-content: center;
  }
}

.listicle-expert {
  /* The buyer's guide below owns the 60px gap Figma shows between the two. */
  padding: 60px 0 0;
  background: var(--c-white);
}

.listicle-expert-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 36px 40px;
  overflow: hidden;
  background: var(--c-blue);
  border-radius: 20px;
}

.listicle-expert-glow {
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  background: radial-gradient(
    circle 155.56px at 50% 50%,
    rgba(252, 93, 97, 1) 0%,
    rgba(252, 93, 97, 0) 70%
  );
  border-radius: 110px;
  opacity: 0.49;
  pointer-events: none;
}

.listicle-expert-copy {
  position: relative;
  z-index: 1;
  width: 460px;
  max-width: 100%;
}

.listicle-expert-copy h2 {
  max-width: 480px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 32px;
  line-height: 35.2px;
  color: var(--c-white);
  text-transform: capitalize;
}

.listicle-expert-copy p {
  max-width: 460px;
  margin: 8px 0 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: var(--c-white);
}

.listicle-expert-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding: 11px 21px 12.39px;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 22.4px;
  color: var(--c-white);
  text-decoration: none;
  background: var(--c-orange);
  border-radius: 5px;
  box-shadow: 0 6px 16px -6px rgba(228, 80, 47, 0.55);
  transition: filter 0.2s ease;
}

.listicle-expert-btn:hover {
  color: var(--c-white);
  filter: brightness(1.08);
}

@media (max-width: 1024px) {
  .listicle-expert {
    padding: 48px 0 0;
  }
}

@media (max-width: 768px) {
  .listicle-expert {
    padding: 40px 0 0;
  }

  .listicle-expert-bar {
    gap: 20px;
    padding: 28px 24px;
  }

  .listicle-expert-copy h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .listicle-expert-copy p br {
    display: none;
  }
}

@media (max-width: 520px) {
  .listicle-expert-btn {
    justify-content: center;
    width: 100%;
  }
}

.listicle-guide {
  padding: 60px 0;
  background: var(--c-white);
}

.listicle-guide-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  max-width: 834px;
}

.listicle-guide-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 9.976px;
  color: var(--c-blue);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  background: rgba(39, 55, 117, 0.1);
  border-radius: 9.069px;
}

.listicle-guide-head h2 {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 32px;
  line-height: 36.4px;
  color: var(--c-blue);
}

.listicle-guide-head p {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 25.2px;
  color: var(--c-text);
}

.listicle-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 40px;
}

.guide-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  padding: 22px 23px 23px;
  background: var(--c-white);
  border: 1px solid var(--c-light-grey);
  border-radius: 14px;
}

.guide-card-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: linear-gradient(to right, var(--c-blue) 29.808%, var(--c-orange));
  border-radius: 43px;
  filter: drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.25));
}

.guide-card-icon img {
  width: 30px;
  height: 30px;
}

.guide-card--01 .guide-card-icon img {
  width: 27px;
  height: 27px;
}

.guide-card--02 .guide-card-icon img {
  width: 25.25px;
  height: 25.25px;
}

.guide-card h3 {
  width: 100%;
  margin: 2.8px 0 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 18px;
  line-height: 25.6px;
  color: var(--c-blue);
  letter-spacing: -0.16px;
}

.guide-card p {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 21.6px;
  color: var(--c-text);
}

@media (max-width: 1024px) {
  .listicle-guide {
    padding: 48px 0;
  }

  .listicle-guide-head h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .listicle-guide-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 32px;
  }
}

@media (max-width: 768px) {
  .listicle-guide {
    padding: 40px 0;
  }

  .listicle-guide-head h2 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 560px) {
  .listicle-guide-grid {
    grid-template-columns: 1fr;
  }
}

.listicle-support {
  padding: 60px 0;
  background: linear-gradient(to right, var(--c-blue) 29.808%, var(--c-orange));
}

.listicle-support-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  max-width: 896px;
}

.listicle-support-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 9.976px;
  color: var(--c-white);
  text-align: center;
  text-transform: capitalize;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 9.069px;
}

.listicle-support-head h2 {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 32px;
  line-height: 36.4px;
  color: var(--c-white);
}

.listicle-support-head p {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 25.2px;
  color: var(--c-white);
}

.listicle-support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 34px;
}

.support-card {
  display: flex;
  flex-direction: column;
  gap: 8.8px;
  align-items: flex-start;
  padding: 25px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
}

.support-card-copy {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: flex-start;
  width: 100%;
}

.support-card-copy h3 {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 16.5px;
  line-height: 26.4px;
  color: var(--c-white);
  letter-spacing: -0.165px;
}

.support-card-copy p {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 21.6px;
  color: var(--c-white);
}

.support-card-btn {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 24px;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: var(--c-white);
  text-align: center;
  text-decoration: none;
  background: var(--c-orange);
  border-radius: 5px;
  transition: filter 0.2s ease;
}

.support-card-btn:hover {
  color: var(--c-white);
  filter: brightness(1.08);
}

.support-card-btn img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

@media (max-width: 1024px) {
  .listicle-support {
    padding: 48px 0;
  }

  .listicle-support-head h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .listicle-support-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 28px;
  }
}

@media (max-width: 768px) {
  .listicle-support {
    padding: 40px 0;
  }

  .listicle-support-head h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .listicle-support-grid {
    grid-template-columns: 1fr;
  }

  .support-card {
    padding: 20px;
  }
}

.opacity-1 {
  opacity: 1 !important;
}


/* ============================================================= */
/* California listicle (v2/listicale-california.blade.php):        */
/* per-company accents and logo sizes from the design build.       */
/* ============================================================= */
.listicle-top10-grid--ca .top10-card--01 {
  --accent: #273775;
  --accent-soft: rgba(39, 55, 117, 0.1);
  --logo-h: 34px;
}

.listicle-top10-grid--ca .top10-card--02 {
  --accent: #691c89;
  --accent-soft: rgba(105, 28, 137, 0.1);
  --logo-h: 42px;
}

.listicle-top10-grid--ca .top10-card--03 {
  --accent: #0361ce;
  --accent-soft: rgba(3, 97, 206, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--ca .top10-card--04 {
  --accent: #3b9bd5;
  --accent-soft: rgba(59, 155, 213, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--ca .top10-card--05 {
  --accent: #0147ba;
  --accent-soft: rgba(1, 71, 186, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--ca .top10-card--06 {
  --accent: #9d9da0;
  --accent-soft: rgba(157, 157, 160, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--ca .top10-card--07 {
  --accent: #3d8cca;
  --accent-soft: rgba(61, 140, 202, 0.1);
  --logo-h: 49px;
}

.listicle-top10-grid--ca .top10-card--08 {
  --accent: #0281c4;
  --accent-soft: rgba(2, 129, 196, 0.1);
  --logo-h: 42px;
}

.listicle-top10-grid--ca .top10-card--09 {
  --accent: #0f6cbd;
  --accent-soft: rgba(15, 108, 189, 0.1);
  --logo-h: 31px;
}

.listicle-top10-grid--ca .top10-card--10 {
  --accent: #262d69;
  --accent-soft: rgba(38, 45, 105, 0.1);
  --logo-h: 36px;
}

.listicle-detail-cards--ca .detail-card--01 {
  --logo-h: 40px;
}

.listicle-detail-cards--ca .detail-card--02 {
  --logo-h: 60px;
}

.listicle-detail-cards--ca .detail-card--03 {
  --logo-h: 60px;
}

.listicle-detail-cards--ca .detail-card--04 {
  --logo-h: 49px;
}

.listicle-detail-cards--ca .detail-card--05 {
  --logo-h: 49px;
}

.listicle-detail-cards--ca .detail-card--06 {
  --logo-h: 59px;
}

.listicle-detail-cards--ca .detail-card--07 {
  --logo-h: 89px;
}

.listicle-detail-cards--ca .detail-card--08 {
  --logo-h: 89px;
}

.listicle-detail-cards--ca .detail-card--09 {
  --logo-h: 49px;
}

.listicle-detail-cards--ca .detail-card--10 {
  --logo-h: 62px;
}

.listicle-detail-cards--ca .detail-card--01 .detail-card-watermark {
  width: 233.243px;
  height: 160.066px;
}

.listicle-detail-cards--ca .detail-card--02 .detail-card-watermark {
  width: 211px;
  height: 179px;
}

.listicle-detail-cards--ca .detail-card--03 .detail-card-watermark {
  width: 229px;
  height: 196px;
}

.listicle-detail-cards--ca .detail-card--04 .detail-card-watermark {
  width: 136px;
  height: 160px;
}

.listicle-detail-cards--ca .detail-card--05 .detail-card-watermark {
  width: 139px;
  height: 133px;
}

.listicle-detail-cards--ca .detail-card--06 .detail-card-watermark {
  width: 221px;
  height: 105px;
}

.listicle-detail-cards--ca .detail-card--07 .detail-card-watermark {
  width: 249px;
  height: 61px;
}

.listicle-detail-cards--ca .detail-card--08 .detail-card-watermark {
  width: 125px;
  height: 123.37px;
}

.listicle-detail-cards--ca .detail-card--09 .detail-card-watermark {
  width: 158px;
  height: 164px;
}

.listicle-detail-cards--ca .detail-card--10 .detail-card-watermark {
  width: 140px;
  height: 129px;
}

.listicle-detail-cards--ca .detail-card--04 .detail-card-watermark img {
  object-position: right center;
}

.listicle-detail-cards--ca .detail-card--09 .detail-card-watermark img,
.listicle-detail-cards--ca .detail-card--10 .detail-card-watermark img {
  object-position: left center;
}


/* ============================================================= */
/* Texas listicle (v2/listicale-texas.blade.php): per-company      */
/* accents, logo sizes and CTA tweaks from the design build.       */
/* ============================================================= */
.listicle-top10-grid--tx .top10-card--01 {
  --accent: #273775;
  --accent-soft: rgba(39, 55, 117, 0.1);
  --logo-h: 34px;
  --logo-w: 165px;
}

.listicle-top10-grid--tx .top10-card--02 {
  --accent: #003ef3;
  --accent-soft: rgba(0, 62, 243, 0.1);
  --logo-h: 42px;
  --logo-w: 120px;
}

.listicle-top10-grid--tx .top10-card--03 {
  --accent: #3b9bd5;
  --accent-soft: rgba(59, 155, 213, 0.1);
  --logo-h: 39px;
  --logo-w: 147px;
}

.listicle-top10-grid--tx .top10-card--04 {
  --accent: #e3262e;
  --accent-soft: rgba(227, 38, 46, 0.1);
  --logo-h: 39px;
  --logo-w: 147px;
}

.listicle-top10-grid--tx .top10-card--05 {
  --accent: #2a569e;
  --accent-soft: rgba(42, 86, 158, 0.1);
  --logo-h: 39px;
  --logo-w: 152px;
}

.listicle-top10-grid--tx .top10-card--06 {
  --accent: #db0032;
  --accent-soft: rgba(219, 0, 50, 0.1);
  --logo-h: 39px;
  --logo-w: 117px;
}

.listicle-top10-grid--tx .top10-card--07 {
  --accent: #fbb316;
  --accent-soft: rgba(251, 179, 22, 0.1);
  --logo-h: 49px;
  --logo-w: 142px;
}

.listicle-top10-grid--tx .top10-card--08 {
  --accent: #1f487c;
  --accent-soft: rgba(31, 72, 124, 0.1);
  --logo-h: 42px;
  --logo-w: 128px;
}

.listicle-top10-grid--tx .top10-card--09 {
  --accent: #148f36;
  --accent-soft: rgba(20, 143, 54, 0.1);
  --logo-h: 41px;
  --logo-w: 157px;
}

.listicle-top10-grid--tx .top10-card--10 {
  --accent: #262d69;
  --accent-soft: rgba(38, 45, 105, 0.1);
  --logo-h: 36px;
  --logo-w: 123px;
}

.listicle-top10-grid--tx .top10-card--08 .top10-card-logo {
  width: var(--logo-w);
  object-fit: cover;
}

.listicle-cta--tx .listicle-cta-orbit {
  top: 49px;
  right: 99.345px;
  transform: scale(1.1494);
  transform-origin: top right;
}

@media (max-width: 1200px) {
  .listicle-cta--tx .listicle-cta-orbit {
    top: auto;
    right: auto;
  }
}

.listicle-detail-cards--tx .detail-card--01 {
  --logo-h: 40px;
  --logo-w: 244px;
}

.listicle-detail-cards--tx .detail-card--02 {
  --logo-h: 60px;
  --logo-w: 171px;
}

.listicle-detail-cards--tx .detail-card--03 {
  --logo-h: 49px;
  --logo-w: 189px;
}

.listicle-detail-cards--tx .detail-card--04 {
  --logo-h: 60px;
  --logo-w: 226px;
}

.listicle-detail-cards--tx .detail-card--05 {
  --logo-h: 60px;
  --logo-w: 167px;
}

.listicle-detail-cards--tx .detail-card--06 {
  --logo-h: 60px;
  --logo-w: 180px;
}

.listicle-detail-cards--tx .detail-card--07 {
  --logo-h: 60px;
  --logo-w: 174px;
}

.listicle-detail-cards--tx .detail-card--08 {
  --logo-h: 60px;
  --logo-w: 183px;
}

.listicle-detail-cards--tx .detail-card--09 {
  --logo-h: 60px;
  --logo-w: 230px;
}

.listicle-detail-cards--tx .detail-card--10 {
  --logo-h: 60px;
  --logo-w: 205px;
}

.listicle-detail-cards--tx .detail-card--01 .detail-card-watermark {
  width: 233.243px;
  height: 160.066px;
}

.listicle-detail-cards--tx .detail-card--02 .detail-card-watermark {
  width: 144px;
  height: 144px;
}

.listicle-detail-cards--tx .detail-card--03 .detail-card-watermark {
  width: 136px;
  height: 160px;
}

.listicle-detail-cards--tx .detail-card--04 .detail-card-watermark {
  width: 279px;
  height: 74px;
}

.listicle-detail-cards--tx .detail-card--05 .detail-card-watermark {
  width: 127px;
  height: 133px;
}

.listicle-detail-cards--tx .detail-card--06 .detail-card-watermark {
  width: 175px;
  height: 107px;
}

.listicle-detail-cards--tx .detail-card--07 .detail-card-watermark {
  width: 153px;
  height: 144px;
}

.listicle-detail-cards--tx .detail-card--08 .detail-card-watermark {
  width: 143px;
  height: 150px;
}

.listicle-detail-cards--tx .detail-card--09 .detail-card-watermark {
  width: 171px;
  height: 153px;
}

.listicle-detail-cards--tx .detail-card--10 .detail-card-watermark {
  width: 151px;
  height: 154px;
}

.listicle-detail-cards--tx .detail-card--03 .detail-card-watermark img {
  object-position: right center;
}

.listicle-detail-cards--tx .detail-card--08 .detail-card-logo {
  width: var(--logo-w);
  object-fit: cover;
}


/* ============================================================= */
/* New Jersey listicle (v2/listicale-new-jersey.blade.php):        */
/* per-company accents and logo sizes from the design build.       */
/* ============================================================= */
.listicle-detail-cards--nj .detail-card--01 {
  --logo-h: 40px;
}

.listicle-detail-cards--nj .detail-card--05 {
  --logo-h: 60px;
  --logo-w: 203px;
}

.listicle-detail-cards--nj .detail-card--07 {
  --logo-h: 60px;
  --logo-w: 201px;
}

.listicle-detail-cards--nj .detail-card--09 {
  --logo-h: 60px;
  --logo-w: 66px;
}

.listicle-detail-cards--nj .detail-card--02 .detail-card-logo {
  width: 230px;
  height: 60px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.listicle-detail-cards--nj .detail-card--03 .detail-card-logo {
  width: 226px;
  height: 60px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.listicle-detail-cards--nj .detail-card--08 .detail-card-logo {
  width: 220px;
  height: 60px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.listicle-detail-cards--nj .detail-card--10 .detail-card-logo {
  width: 205px;
  height: 60px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.listicle-detail-cards--nj .detail-card--04 .detail-card-logo {
  width: 226px;
  height: 81.36px;
  max-width: none;
  object-fit: none;
  margin: -10.68px -17px -10.68px -19px;
  /* clip-path: inset(10.68px 17px 10.68px 19px);
  */;
}

.listicle-detail-cards--nj .detail-card--06 .detail-card-logo {
  width: 225px;
  height: 66.9px;
  max-width: none;
  object-fit: fill;
  margin: -3.46px -15px -3.44px -17px;
  /* clip-path: inset(3.46px 15px 3.44px 17px);
  */;
}

.listicle-detail-cards--nj .detail-card--01 .detail-card-watermark {
  width: 233.243px;
  height: 160.066px;
}

.listicle-detail-cards--nj .detail-card--02 .detail-card-watermark {
  width: 158px;
  height: 164px;
}

.listicle-detail-cards--nj .detail-card--03 .detail-card-watermark {
  width: 194px;
  height: 180px;
}

.listicle-detail-cards--nj .detail-card--04 .detail-card-watermark {
  width: 177px;
  height: 184px;
}

.listicle-detail-cards--nj .detail-card--05 .detail-card-watermark {
  width: 142px;
  height: 164px;
}

.listicle-detail-cards--nj .detail-card--06 .detail-card-watermark {
  width: 157px;
  height: 153px;
}

.listicle-detail-cards--nj .detail-card--07 .detail-card-watermark {
  width: 153px;
  height: 144px;
}

.listicle-detail-cards--nj .detail-card--08 .detail-card-watermark {
  width: 157px;
  height: 137px;
}

.listicle-detail-cards--nj .detail-card--09 .detail-card-watermark {
  width: 214px;
  height: 107px;
}

.listicle-detail-cards--nj .detail-card--10 .detail-card-watermark {
  width: 156px;
  height: 148px;
}

.listicle-detail-cards--nj .detail-card:not(.detail-card--01) .detail-card-watermark img {
  position: absolute;
  max-width: none;
  object-fit: fill;
}

.listicle-detail-cards--nj .detail-card--02 .detail-card-watermark img {
  width: 809.92%;
  height: 214.89%;
  left: -2.27%;
  top: -9.76%;
}

.listicle-detail-cards--nj .detail-card--03 .detail-card-watermark img {
  width: 156.1%;
  height: 167.87%;
  left: -25.91%;
  top: -21.31%;
}

.listicle-detail-cards--nj .detail-card--04 .detail-card-watermark img {
  width: 389.66%;
  height: 135.6%;
  left: -32.76%;
  top: -17.8%;
}

.listicle-detail-cards--nj .detail-card--05 .detail-card-watermark img {
  width: 352.72%;
  height: 100%;
  left: 0.84%;
  top: 0.35%;
}

.listicle-detail-cards--nj .detail-card--06 .detail-card-watermark img {
  width: 492.46%;
  height: 150.94%;
  left: -37.21%;
  top: -22.23%;
}

.listicle-detail-cards--nj .detail-card--07 .detail-card-watermark img {
  width: 330.81%;
  height: 115.38%;
  left: -7.22%;
  top: -7.69%;
}

.listicle-detail-cards--nj .detail-card--08 .detail-card-watermark img {
  width: 320.74%;
  height: 114.4%;
  left: -11.66%;
  top: -7.2%;
}

.listicle-detail-cards--nj .detail-card--09 .detail-card-watermark img {
  width: 100.84%;
  height: 201.34%;
  left: -0.9%;
  top: -17.71%;
}

.listicle-detail-cards--nj .detail-card--10 .detail-card-watermark img {
  width: 539.47%;
  height: 299.96%;
  left: -7.89%;
  top: -66.65%;
}

.listicle-top10-grid--nj .top10-card--01 {
  --accent: #273775;
  --accent-soft: rgba(39, 55, 117, 0.1);
  --logo-h: 34px;
}

.listicle-top10-grid--nj .top10-card--02 {
  --accent: #0f6cbd;
  --accent-soft: rgba(15, 108, 189, 0.1);
  --logo-h: 31px;
}

.listicle-top10-grid--nj .top10-card--03 {
  --accent: #44d5f7;
  --accent-soft: rgba(68, 213, 247, 0.1);
  --logo-h: 39px;
  --logo-w: 147px;
}

.listicle-top10-grid--nj .top10-card--04 {
  --accent: #f43e3d;
  --accent-soft: rgba(244, 62, 61, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--nj .top10-card--05 {
  --accent: #f68d2e;
  --accent-soft: rgba(246, 141, 46, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--nj .top10-card--06 {
  --accent: #00c24c;
  --accent-soft: rgba(0, 194, 76, 0.1);
  --logo-h: 39px;
}

.listicle-top10-grid--nj .top10-card--07 {
  --accent: #aa1616;
  --accent-soft: rgba(170, 22, 22, 0.1);
  --logo-h: 49px;
}

.listicle-top10-grid--nj .top10-card--08 {
  --accent: #00a9ae;
  --accent-soft: rgba(0, 169, 174, 0.1);
  --logo-h: 42px;
}

.listicle-top10-grid--nj .top10-card--09 {
  --accent: #254365;
  --accent-soft: rgba(37, 67, 101, 0.1);
  --logo-h: 41px;
}

.listicle-top10-grid--nj .top10-card--10 {
  --accent: #fcc006;
  --accent-soft: rgba(252, 192, 6, 0.1);
  --logo-h: 36px;
}

.listicle-top10-grid--nj .top10-card--03 .top10-card-logo {
  width: var(--logo-w);
  object-fit: cover;
}


/* Inline text links in the CTA banner copy (white text on the gradient). */
.listicle-cta-copy p a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.55);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease, opacity 0.2s ease;
}

.listicle-cta-copy p a:hover,
.listicle-cta-copy p a:focus-visible {
  text-decoration-color: currentColor;
  opacity: 0.9;
}

/* ============================================================= */
/* Colorado listicle (v2/listicale-calorado.blade.php): the         */
/* Colorado layout variants (banner, top 10, detail, guide, CTA)    */
/* and per-company accents from the design build.                   */
/* ============================================================= */
.listicle-cta--co .listicle-cta-orbit {
  top: 49px;
  right: 99.345px;
  transform: scale(1.1494);
  transform-origin: top right;
}

@media (max-width: 1200px) {
  .listicle-cta--co .listicle-cta-orbit {
    top: auto;
    right: auto;
  }
}

.listicle-banner-section--colorado .listicle-banner-flag img {
  height: 100%;
}

.listicle-banner-section--colorado .listicle-banner-badge:first-child {
  align-items: flex-start;
}

@media (min-width: 901px) {
  .listicle-banner-section--colorado .listicle-banner-content {
    left: calc(50% - 0.33 * var(--u));
  }
}

.listicle-top10--colorado .listicle-top10-head {
  max-width: none;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card:not(:first-child) {
  border: 1px solid var(--c-light-grey);
  box-shadow: none;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card:not(:first-child) .top10-card-ribbon {
  top: -1px;
  right: -1px;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card:not(:first-child) .top10-card-ribbon span {
  left: 54.5px;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card-logo-frame {
  position: relative;
  display: block;
  width: var(--logo-w);
  height: var(--logo-h);
  overflow: hidden;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card-logo {
  position: absolute;
  top: var(--logo-top, 0%);
  left: var(--logo-left, 0%);
  width: var(--logo-image-w, 100%);
  height: var(--logo-image-h, 100%);
  max-width: none;
  object-fit: fill;
}

.listicle-top10-grid--co .top10-card--02 .top10-card-logo-frame {
  background: rgba(0, 0, 0, 0.2);
}

.listicle-top10-grid--co .top10-card--05 .top10-card-logo {
  object-fit: cover;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card-rule {
  position: relative;
  height: 0;
  background: none;
}

:is(.listicle-top10-grid--co, .listicle-top10-grid--ky) .top10-card-rule img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 37.08px;
  height: 2px;
}

.listicle-top10-grid--co .top10-card--01 {
  --accent-soft: rgba(39,55,117,0.1);
  --logo-w: 165px;
  --logo-h: 34px;
}

.listicle-top10-grid--co .top10-card--02 {
  --accent-soft: rgba(0,90,253,0.1);
  --logo-w: 110px;
  --logo-h: 28px;
  --logo-image-w: 108.18%;
  --logo-image-h: 186.35%;
  --logo-top: -48.53%;
  --logo-left: -8.18%;
}

.listicle-top10-grid--co .top10-card--03 {
  --accent-soft: rgba(139,155,146,0.1);
  --logo-w: 91px;
  --logo-h: 39px;
  --logo-image-w: 94.71%;
  --logo-top: 1.51%;
  --logo-left: -0.13%;
}

.listicle-top10-grid--co .top10-card--04 {
  --accent-soft: rgba(0,0,0,0.1);
  --logo-w: 147px;
  --logo-h: 39px;
  --logo-image-w: 47.11%;
  --logo-image-h: 106.91%;
  --logo-top: -7.69%;
  --logo-left: -0.02%;
}

.listicle-top10-grid--co .top10-card--05 {
  --accent-soft: rgba(0,42,92,0.1);
  --logo-w: 152px;
  --logo-h: 39px;
}

.listicle-top10-grid--co .top10-card--06 {
  --accent-soft: rgba(11,25,86,0.1);
  --logo-w: 78px;
  --logo-h: 69px;
  --logo-image-w: 84.62%;
  --logo-top: 1.13%;
  --logo-left: -0.25%;
}

.listicle-top10-grid--co .top10-card--07 {
  --accent-soft: rgba(194,90,45,0.1);
  --logo-w: 164px;
  --logo-h: 49px;
  --logo-image-w: 99.88%;
  --logo-image-h: 60.67%;
  --logo-top: 19.22%;
  --logo-left: 0.12%;
}

.listicle-top10-grid--co .top10-card--08 {
  --accent-soft: rgba(255,49,49,0.1);
  --logo-w: 102px;
  --logo-h: 42px;
  --logo-image-w: 98.14%;
  --logo-image-h: 99.08%;
  --logo-top: 0.09%;
  --logo-left: -0.08%;
}

.listicle-top10-grid--co .top10-card--09 {
  --accent-soft: rgba(127,188,3,0.1);
  --logo-w: 159px;
  --logo-h: 41px;
  --logo-image-w: 99.7%;
  --logo-image-h: 53.24%;
  --logo-top: 24.31%;
  --logo-left: 0.3%;
}

.listicle-top10-grid--co .top10-card--10 {
  --accent-soft: rgba(0,143,212,0.1);
  --logo-w: 118px;
  --logo-h: 36px;
  --logo-image-w: 97.62%;
  --logo-image-h: 99.73%;
  --logo-top: -1.13%;
  --logo-left: -0.01%;
}

.listicle-cta--co .listicle-cta-copy h2 {
  max-width: 449px;
}

:is(.listicle-guide--co, .listicle-guide--ky, .listicle-guide--az) .guide-card h3 {
  margin-top: 3.6px;
}

:is(.listicle-guide--co, .listicle-guide--ky, .listicle-guide--az) .guide-card--02 h3,
:is(.listicle-guide--co, .listicle-guide--ky, .listicle-guide--az) .guide-card--04 h3 {
  margin-top: 3.9px;
}

:is(.listicle-guide--co, .listicle-guide--ky, .listicle-guide--az) .guide-card--04 {
  padding-bottom: 44.59px;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) {
  padding: 40px 0;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-toc ol {
  max-width: 244px;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-toc-dot {
  background-image: url('../../images/listicle-colorado/images/detail-co/62d40.svg');
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo {
  width: 100%;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-badge > .detail-promo-logo {
  position: relative;
  display: block;
  width: var(--badge-w);
  height: var(--badge-h);
  overflow: hidden;
  opacity: 1;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-badge > .detail-promo-logo img {
  position: absolute;
  top: var(--badge-top);
  left: var(--badge-left);
  width: var(--badge-image-w);
  height: var(--badge-image-h);
  max-width: none;
  max-height: none;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-badge--right {
  gap: 0;
  --badge-w: 159.29px;
  --badge-h: 42.076px;
  --badge-top: 4.19%;
  --badge-left: 0.21%;
  --badge-image-w: 99.97%;
  --badge-image-h: 90.57%;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-badge--left {
  gap: 6px;
  --badge-w: 137.077px;
  --badge-h: 33px;
  --badge-top: 0%;
  --badge-left: 0%;
  --badge-image-w: 100%;
  --badge-image-h: 200%;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-badge--main {
  left: calc(50% + 0.5px);
  --badge-w: 106px;
  --badge-h: 32px;
  --badge-top: -0.69%;
  --badge-left: 1.45%;
  --badge-image-w: 97.42%;
  --badge-image-h: 100%;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-promo-btn img {
  transform: scaleY(-1);
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card {
  padding: 35px;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-logo-frame {
  position: relative;
  display: block;
  width: var(--logo-w);
  max-width: 100%;
  height: var(--logo-h);
  overflow: hidden;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-brand {
  max-width: 100%;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-logo {
  position: absolute;
  top: var(--logo-top, 0%);
  left: var(--logo-left, 0%);
  width: var(--logo-image-w, 100%);
  height: var(--logo-image-h, 100%);
  max-width: none;
  object-fit: fill;
}

.listicle-detail-cards--co .detail-card--02 .detail-card-logo-frame {
  background: rgba(0, 0, 0, 0.2);
}

.listicle-detail-cards--co .detail-card--05 .detail-card-logo {
  object-fit: cover;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-rule {
  position: relative;
  height: 0;
  background: none;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-rule img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 59.08px;
  height: 4px;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-fact-icon {
  background: var(--fact-soft);
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-fact-icon--location img {
  width: 15.333px;
  height: 18.88px;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-fact-divider {
  width: 0;
  border-left: 1px solid var(--c-placeholder);
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-tick {
  background: var(--tick-soft);
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-standout h4,
:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-standout p {
  padding-left: 16px;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-promo {
  padding: 18px 22px;
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-watermark {
  top: var(--watermark-top);
  right: var(--watermark-right);
  width: var(--watermark-w);
  height: var(--watermark-h);
  transform: none;
  opacity: var(--watermark-opacity, 0.2);
  border-radius: var(--watermark-radius, 0);
}

:is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card-watermark img {
  position: absolute;
  top: var(--watermark-image-top, 0%);
  left: var(--watermark-image-left, 0%);
  width: var(--watermark-image-w, 100%);
  height: var(--watermark-image-h, 100%);
  max-width: none;
  object-fit: fill;
}

:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-toc a.is-current .detail-toc-dot,
:is(.listicle-detail--co, .listicle-detail--ky, .listicle-detail--az, .listicle-detail--sc) .detail-toc a:hover .detail-toc-dot {
  background-image: url('../../images/listicle-colorado/images/detail-co/66e17.svg');
}

.listicle-detail-cards--co .detail-card--01 {
  --logo-w: 244px;
  --logo-h: 40px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(39,55,117,0.1);
  --watermark-w: 233.243px;
  --watermark-h: 160.066px;
  --watermark-top: 335px;
  --watermark-right: 15.7567px;
  --watermark-opacity: 1;
}

.listicle-detail-cards--co .detail-card--02 {
  --logo-w: 221px;
  --logo-h: 60px;
  --fact-soft: rgba(0,62,243,0.1);
  --tick-soft: rgba(0,90,253,0.1);
  --watermark-w: 156px;
  --watermark-h: 151px;
  --watermark-top: 364px;
  --watermark-right: 35px;
  --logo-top: -48.53%;
  --logo-left: -8.74%;
  --logo-image-w: 115.52%;
  --logo-image-h: 186.35%;
  --watermark-image-top: -56.35%;
  --watermark-image-left: -39.51%;
  --watermark-image-w: 432.73%;
  --watermark-image-h: 196.16%;
  --watermark-opacity: 1;
}

.listicle-detail-cards--co .detail-card--03 {
  --logo-w: 133px;
  --logo-h: 63px;
  --fact-soft: rgba(59,155,213,0.1);
  --tick-soft: rgba(139,155,146,0.1);
  --watermark-w: 115px;
  --watermark-h: 176px;
  --watermark-top: 332px;
  --watermark-right: 35px;
  --logo-top: 1.44%;
  --logo-left: -0.14%;
  --logo-image-w: 99.7%;
  --logo-image-h: 95.24%;
  --watermark-image-top: 2.84%;
  --watermark-image-left: -110.41%;
  --watermark-image-w: 631.41%;
  --watermark-image-h: 187.5%;
}

.listicle-detail-cards--co .detail-card--04 {
  --logo-w: 109px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(0,0,0,0.1);
  --watermark-w: 177px;
  --watermark-h: 184px;
  --watermark-top: 321px;
  --watermark-right: 35px;
  --logo-top: -7.69%;
  --logo-left: -0.04%;
  --logo-image-w: 97.55%;
  --logo-image-h: 106.91%;
  --watermark-image-top: -17.8%;
  --watermark-image-left: -32.76%;
  --watermark-image-w: 389.66%;
  --watermark-image-h: 135.6%;
}

.listicle-detail-cards--co .detail-card--05 {
  --logo-w: 234px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(0,42,92,0.1);
  --watermark-w: 207px;
  --watermark-h: 204px;
  --watermark-top: 301px;
  --watermark-right: 35px;
  --watermark-image-top: -1.35%;
  --watermark-image-w: 383.61%;
  --watermark-image-h: 102.7%;
}

.listicle-detail-cards--co .detail-card--06 {
  --logo-w: 66px;
  --logo-h: 69px;
  --fact-soft: rgba(159,157,160,0.1);
  --tick-soft: rgba(11,25,86,0.1);
  --watermark-w: 168px;
  --watermark-h: 124px;
  --watermark-top: 345px;
  --watermark-right: 35px;
  --logo-top: 1.13%;
  --logo-left: -0.29%;
  --watermark-image-top: 1.59%;
  --watermark-image-left: -0.29%;
  --watermark-image-h: 140.82%;
  --watermark-opacity: 1;
}

.listicle-detail-cards--co .detail-card--07 {
  --logo-w: 328px;
  --logo-h: 60px;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(194,90,45,0.1);
  --watermark-w: 124px;
  --watermark-h: 152px;
  --watermark-top: 352px;
  --watermark-right: 35px;
  --logo-top: -1.94%;
  --logo-left: 0.12%;
  --logo-image-w: 99.88%;
  --logo-image-h: 99.09%;
  --watermark-image-top: -1.94%;
  --watermark-image-left: 0.8%;
  --watermark-image-w: 668.58%;
  --watermark-image-h: 99.09%;
  --watermark-radius: 76px;
}

.listicle-detail-cards--co .detail-card--08 {
  --logo-w: 146px;
  --logo-h: 60px;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(2,129,196,0.1);
  --watermark-w: 129px;
  --watermark-h: 167px;
  --watermark-top: 323px;
  --watermark-right: 35px;
  --logo-top: 0.09%;
  --logo-left: -0.08%;
  --logo-image-w: 98.14%;
  --logo-image-h: 99.08%;
  --watermark-image-top: -6.35%;
  --watermark-image-left: -4.45%;
  --watermark-image-w: 338.02%;
  --watermark-image-h: 108.67%;
}

.listicle-detail-cards--co .detail-card--09 {
  --logo-w: 233px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(127,188,3,0.1);
  --watermark-w: 145px;
  --watermark-h: 123px;
  --watermark-top: 348px;
  --watermark-right: 35px;
  --logo-top: 24.31%;
  --logo-left: 0.3%;
  --logo-image-w: 99.7%;
  --logo-image-h: 53.24%;
  --watermark-image-top: 4.8%;
  --watermark-image-left: 1.77%;
  --watermark-image-w: 595.67%;
  --watermark-image-h: 96.8%;
}

.listicle-detail-cards--co .detail-card--10 {
  --logo-w: 197px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(0,143,212,0.1);
  --watermark-w: 138px;
  --watermark-h: 149px;
  --watermark-top: 347px;
  --watermark-right: 35px;
  --logo-top: -1.13%;
  --logo-left: -0.01%;
  --logo-image-w: 97.62%;
  --logo-image-h: 99.73%;
  --watermark-image-top: -1.71%;
  --watermark-image-left: -282.43%;
  --watermark-image-w: 492.04%;
  --watermark-image-h: 150.32%;
}

@media (max-width: 768px) {
  :is(.listicle-detail-cards--co, .listicle-detail-cards--ky, .listicle-detail-cards--az, .listicle-detail-cards--sc) .detail-card {
    padding: 24px;
  }
}


/* ============================================================= */
/* Kentucky listicle (v2/listicale-kentucky.blade.php): Kentucky    */
/* layout variants and per-company accents from the design build.   */
/* ============================================================= */
.listicle-cta--ky .listicle-cta-orbit {
  top: 49px;
  right: 99.345px;
  transform: scale(1.1494);
  transform-origin: top right;
}

@media (max-width: 1200px) {
  .listicle-cta--ky .listicle-cta-orbit {
    top: auto;
    right: auto;
  }
}

.listicle-banner-section--kentucky .listicle-banner-flag img {
  height: 100%;
}

.listicle-banner-section--kentucky .listicle-banner-badge:first-child {
  align-items: flex-start;
}

@media (min-width: 901px) {
  .listicle-banner-section--kentucky .listicle-banner-content {
    left: calc(50% - 0.33 * var(--u));
  }
}

.listicle-top10--kentucky .listicle-top10-head {
  max-width: none;
}

.listicle-cta--ky .listicle-cta-copy h2 {
  max-width: 449px;
}

.listicle-top10-grid--ky .top10-card--01 .top10-card-feature {
  line-height: 25px;
}

.listicle-top10-grid--ky .top10-card-feature > span:last-child {
  min-width: 0;
}

.listicle-top10-grid--ky .top10-card--01 {
  --accent-soft: rgba(39,55,117,0.1);
  --logo-w: 165px;
  --logo-h: 34px;
}

.listicle-top10-grid--ky .top10-card--02 {
  --accent-soft: rgba(30,54,102,0.1);
  --logo-w: 110px;
  --logo-h: 28px;
}

.listicle-top10-grid--ky .top10-card--02 .top10-card-logo {
  object-fit: cover;
}

.listicle-top10-grid--ky .top10-card--03 {
  --accent-soft: rgba(19,156,76,0.1);
  --logo-w: 146px;
  --logo-h: 39px;
}

.listicle-top10-grid--ky .top10-card--03 .top10-card-logo {
  object-fit: cover;
}

.listicle-top10-grid--ky .top10-card--04 {
  --accent-soft: rgba(200,32,39,0.1);
  --logo-w: 157px;
  --logo-h: 39px;
}

.listicle-top10-grid--ky .top10-card--04 .top10-card-logo {
  object-fit: cover;
}

.listicle-top10-grid--ky .top10-card--05 {
  --accent-soft: rgba(52,193,211,0.1);
  --logo-w: 152px;
  --logo-h: 45px;
  --logo-image-h: 98.98%;
  --logo-top: 0.51%;
}

.listicle-top10-grid--ky .top10-card--06 {
  --accent-soft: rgba(63,209,186,0.1);
  --logo-w: 78px;
  --logo-h: 69px;
}

.listicle-top10-grid--ky .top10-card--06 .top10-card-logo {
  object-fit: cover;
}

.listicle-top10-grid--ky .top10-card--07 {
  --accent-soft: rgba(8,148,69,0.1);
  --logo-w: 164px;
  --logo-h: 49px;
}

.listicle-top10-grid--ky .top10-card--07 .top10-card-logo {
  object-fit: cover;
}

.listicle-top10-grid--ky .top10-card--08 {
  --accent-soft: rgba(56,182,255,0.1);
  --logo-w: 40px;
  --logo-h: 42px;
  --logo-image-w: 148.03%;
  --logo-image-h: 129.99%;
  --logo-top: 0.96%;
  --logo-left: -31.79%;
}

.listicle-top10-grid--ky .top10-card--09 {
  --accent-soft: rgba(0,51,120,0.1);
  --logo-w: 57px;
  --logo-h: 41px;
  --logo-image-w: 116.28%;
  --logo-image-h: 161.65%;
  --logo-top: -29.33%;
  --logo-left: -14.99%;
}

.listicle-top10-grid--ky .top10-card--10 {
  --accent-soft: rgba(188,190,195,0.1);
  --logo-w: 118px;
  --logo-h: 36px;
  --logo-image-w: 44.37%;
  --logo-image-h: 107.87%;
  --logo-top: 0.47%;
  --logo-left: 0.26%;
}

.listicle-detail--ky .detail-toc {
  min-height: 406px;
}

.listicle-detail-cards--ky .detail-card--01 {
  --logo-w: 244px;
  --logo-h: 40px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(39,55,117,0.1);
  --watermark-w: 233.24331665039062px;
  --watermark-h: 160.0659637451172px;
  --watermark-top: 335.0px;
  --watermark-right: 15.756683349609375px;
  --watermark-opacity: 1;
}

.listicle-detail-cards--ky .detail-card--02 {
  --logo-w: 236px;
  --logo-h: 60px;
  --fact-soft: rgba(0,62,243,0.1);
  --tick-soft: rgba(30,54,102,0.1);
  --watermark-w: 134px;
  --watermark-h: 142px;
  --watermark-top: 374.0px;
  --watermark-right: 35.0px;
  --watermark-image-left: -127.13%;
  --watermark-image-w: 526.6%;
  --watermark-image-h: 120%;
}

.listicle-detail-cards--ky .detail-card--02 .detail-card-logo {
  object-fit: cover;
}

.listicle-detail-cards--ky .detail-card--03 {
  --logo-w: 225px;
  --logo-h: 60px;
  --fact-soft: rgba(59,155,213,0.1);
  --tick-soft: rgba(19,156,76,0.1);
  --watermark-w: 212px;
  --watermark-h: 164px;
  --watermark-top: 312.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -13.1%;
  --watermark-image-left: -14.42%;
  --watermark-image-w: 385.71%;
  --watermark-image-h: 127.38%;
}

.listicle-detail-cards--ky .detail-card--03 .detail-card-logo {
  object-fit: cover;
}

.listicle-detail-cards--ky .detail-card--04 {
  --logo-w: 242px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(200,32,39,0.1);
  --watermark-w: 171px;
  --watermark-h: 149px;
  --watermark-top: 345.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -1.21%;
  --watermark-image-w: 350.72%;
  --watermark-image-h: 102.42%;
}

.listicle-detail-cards--ky .detail-card--04 .detail-card-logo {
  object-fit: cover;
}

.listicle-detail-cards--ky .detail-card--05 {
  --watermark-radius: 7px;
  --logo-w: 203px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(52,193,211,0.1);
  --watermark-w: 178px;
  --watermark-h: 160px;
  --watermark-top: 346.0px;
  --watermark-right: 35.0px;
  --logo-top: 0.51%;
  --logo-image-h: 98.98%;
  --watermark-image-top: 0.51%;
  --watermark-image-w: 302.99%;
  --watermark-image-h: 98.98%;
}

.listicle-detail-cards--ky .detail-card--06 {
  --watermark-opacity: 1;
  --logo-w: 78px;
  --logo-h: 69px;
  --fact-soft: rgba(159,157,160,0.1);
  --tick-soft: rgba(63,209,186,0.1);
  --watermark-w: 133px;
  --watermark-h: 129px;
  --watermark-top: 338.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -35.71%;
  --watermark-image-left: -58.33%;
  --watermark-image-w: 216.67%;
  --watermark-image-h: 222.86%;
}

.listicle-detail-cards--ky .detail-card--06 .detail-card-logo {
  object-fit: cover;
}

.listicle-detail-cards--ky .detail-card--07 {
  --logo-w: 201px;
  --logo-h: 60px;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(8,148,69,0.1);
  --watermark-w: 138px;
  --watermark-h: 128px;
  --watermark-top: 337.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -36.68%;
  --watermark-image-w: 490.24%;
  --watermark-image-h: 173.08%;
}

.listicle-detail-cards--ky .detail-card--07 .detail-card-logo {
  object-fit: cover;
}

.listicle-detail-cards--ky .detail-card--08 {
  --logo-w: 57px;
  --logo-h: 60px;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(56,182,255,0.1);
  --watermark-w: 127px;
  --watermark-h: 159px;
  --watermark-top: 327.0px;
  --watermark-right: 35.0px;
  --logo-top: 0.96%;
  --logo-left: -31.79%;
  --logo-image-w: 148.03%;
  --logo-image-h: 129.99%;
  --watermark-image-top: 0.96%;
  --watermark-image-left: -37.79%;
  --watermark-image-w: 176%;
  --watermark-image-h: 129.99%;
}

.listicle-detail-cards--ky .detail-card--09 {
  --logo-w: 74px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(0,51,120,0.1);
  --watermark-w: 205px;
  --watermark-h: 121px;
  --watermark-top: 343.0px;
  --watermark-right: 35.0px;
  --logo-top: -29.33%;
  --logo-left: -16.81%;
  --logo-image-w: 130.42%;
  --logo-image-h: 161.65%;
  --watermark-image-top: -40.93%;
  --watermark-image-left: -17.04%;
  --watermark-image-w: 132.2%;
  --watermark-image-h: 225.56%;
}

.listicle-detail-cards--ky .detail-card--10 {
  --logo-w: 92px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(188,190,195,0.1);
  --watermark-w: 199px;
  --watermark-h: 190px;
  --watermark-top: 304.0px;
  --watermark-right: 35.0px;
  --logo-top: 0.47%;
  --logo-left: 0.55%;
  --logo-image-w: 95.2%;
  --logo-image-h: 107.87%;
  --watermark-image-top: 0.47%;
  --watermark-image-left: 0.8%;
  --watermark-image-w: 138.73%;
  --watermark-image-h: 107.87%;
}


/* ============================================================= */
/* Arizona listicle (v2/listicale-arizona.blade.php): Arizona       */
/* layout variants, the sidebar "Top Rated" promo and per-company    */
/* accents from the design build.                                    */
/* ============================================================= */
.detail-promo {
  position: relative;
  height: 391px;
  overflow: hidden;
  background: var(--c-blue);
  border: 1px solid #ecdcff;
  border-radius: 10px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.08);
}

.detail-promo-title {
  position: absolute;
  top: 19px;
  left: 50%;
  width: 203px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: var(--c-white);
  text-align: center;
  transform: translateX(-50%);
}

.detail-promo-badge {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 100px;
  background: var(--c-white);
  border: 1px solid var(--c-bg-blue);
  border-radius: 8px;
  filter: drop-shadow(0 0 6.05px rgba(0, 0, 0, 0.04));
}

.detail-promo-badge img {
  max-width: 137px;
  max-height: 42px;
}

.detail-promo-badge span {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: var(--c-text);
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 0.8;
}

.detail-promo-badge span img {
  width: 16px;
  height: 16px;
}

.detail-promo-badge--left {
  top: 94px;
  left: -99px;
  opacity: 0.9;
}

.detail-promo-badge--right {
  top: 94px;
  left: 181px;
  opacity: 0.9;
}

.detail-promo-badge--main {
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
}

.detail-promo-foot {
  position: absolute;
  top: 161px;
  left: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 242px;
  transform: translateX(-50%);
}

.detail-promo-stars {
  width: 176px;
  height: 62px;
  object-fit: cover;
}

.detail-promo-foot p {
  width: 100%;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--c-white);
  text-align: center;
}

.detail-promo-btn {
  display: inline-flex;
  gap: 5.91px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 19.8px;
  color: var(--c-white);
  text-decoration: none;
  letter-spacing: -0.18px;
  background: var(--c-orange);
  border-radius: 10px;
  transition: filter 0.2s ease;
}

.detail-promo-btn:hover {
  color: var(--c-white);
  filter: brightness(1.08);
}

.detail-promo-btn img {
  width: 18.508px;
  height: 20.098px;
}

@media (max-width: 768px) {
  .detail-promo {
    max-width: 273px;
    margin-inline: auto;
  }
}

.listicle-banner-section--arizona .listicle-banner-flag img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.listicle-banner-section--arizona .listicle-banner-badge:first-child {
  align-items: flex-start;
}

@media (min-width: 901px) {
  .listicle-banner-section--arizona .listicle-banner-content {
    left: calc(50% - .33 * var(--u));
  }

  .listicle-banner-section--arizona .listicle-banner-flag {
    width: calc(306 * var(--u));
    height: calc(306 * var(--u));
  }
}

.listicle-top10--arizona .listicle-top10-head {
  max-width: none;
}

.listicle-top10-grid--az {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.listicle-top10-grid--az .top10-card {
  min-width: 0;
  border: 1px solid var(--c-light-grey);
  box-shadow: none;
}

.listicle-top10-grid--az .top10-card:first-child {
  border-color: transparent;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.listicle-top10-grid--az .top10-card-ribbon {
  top: -1px;
  right: -1px;
}

.listicle-top10-grid--az .top10-card-ribbon span {
  left: 54.5px;
}

.listicle-top10-grid--az .top10-card:first-child .top10-card-ribbon span {
  left: 48.5px;
}

.listicle-top10-grid--az .top10-card-logo-frame {
  position: relative;
  display: block;
  flex: none;
  width: var(--logo-w);
  height: var(--logo-h);
  max-width: 100%;
  overflow: hidden;
}

.listicle-top10-grid--az .top10-card-logo {
  position: absolute;
  left: var(--logo-left);
  top: var(--logo-top);
  width: var(--logo-image-w);
  height: var(--logo-image-h);
  max-width: none;
  object-fit: fill;
}

.listicle-top10-grid--az .top10-card-rule {
  position: relative;
  height: 0;
  background: none;
}

.listicle-top10-grid--az .top10-card-rule img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 37.08px;
  height: 2px;
}

.listicle-top10-grid--az .top10-card-feature {
  width: 100%;
  line-height: 27px;
}

.listicle-top10-grid--az .top10-card-feature > span:last-child {
  min-width: 0;
  line-height: 1.3;
}

.listicle-top10-grid--az .top10-card:first-child .top10-card-feature {
  line-height: 25px;
}

.listicle-top10-grid--az .top10-card--01 {
  --accent-soft: rgba(39,55,117,0.1);
  --logo-w: 165px;
  --logo-h: 34px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--az .top10-card--02 {
  --accent-soft: rgba(0,74,172,0.1);
  --logo-w: 110px;
  --logo-h: 28px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--az .top10-card--03 {
  --accent-soft: rgba(191,30,46,0.1);
  --logo-w: 146px;
  --logo-h: 39px;
  --logo-left: -0.13%;
  --logo-top: -104.64%;
  --logo-image-w: 80.88%;
  --logo-image-h: 302.76%;
}

.listicle-top10-grid--az .top10-card--04 {
  --accent-soft: rgba(80,160,96,0.1);
  --logo-w: 157px;
  --logo-h: 39px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--az .top10-card--05 {
  --accent-soft: rgba(139,198,57,0.1);
  --logo-w: 152px;
  --logo-h: 45px;
  --logo-left: -0.06%;
  --logo-top: 15.07%;
  --logo-image-w: 100.06%;
  --logo-image-h: 70.45%;
}

.listicle-top10-grid--az .top10-card--06 {
  --accent-soft: rgba(12,76,163,0.1);
  --logo-w: 171px;
  --logo-h: 69px;
  --logo-left: -0.01%;
  --logo-top: 0.55%;
  --logo-image-w: 83.75%;
  --logo-image-h: 95.31%;
}

.listicle-top10-grid--az .top10-card--07 {
  --accent-soft: rgba(159,196,121,0.1);
  --logo-w: 164px;
  --logo-h: 49px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--az .top10-card--08 {
  --accent-soft: rgba(16,23,43,0.1);
  --logo-w: 149px;
  --logo-h: 42px;
  --logo-left: 0.32%;
  --logo-top: 1.05%;
  --logo-image-w: 75.77%;
  --logo-image-h: 98.95%;
}

.listicle-top10-grid--az .top10-card--09 {
  --accent-soft: rgba(15,31,61,0.1);
  --logo-w: 159px;
  --logo-h: 41px;
  --logo-left: -0.16%;
  --logo-top: 11.12%;
  --logo-image-w: 100.16%;
  --logo-image-h: 75.56%;
}

.listicle-top10-grid--az .top10-card--10 {
  --accent-soft: rgba(193,172,125,0.1);
  --logo-w: 118px;
  --logo-h: 36px;
  --logo-left: -0.19%;
  --logo-top: -8.9%;
  --logo-image-w: 86.87%;
  --logo-image-h: 108.9%;
}

@media (max-width: 1200px) {
  .listicle-top10-grid--az {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 1000px) {
  .listicle-top10-grid--az {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .listicle-top10-grid--az {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 520px) {
  .listicle-top10-grid--az {
    grid-template-columns: minmax(0,1fr);
  }
}

.listicle-cta--az .listicle-cta-orbit {
  top: 49px;
  right: 99.345px;
  transform: scale(1.1494);
  transform-origin: top right;
}

@media (max-width: 1200px) {
  .listicle-cta--az .listicle-cta-orbit {
    top: auto;
    right: auto;
  }
}

.listicle-detail--az .detail-toc {
  min-height: 406px;
}

.listicle-detail-cards--az .detail-card--01 {
  --logo-w: 244px;
  --logo-h: 40px;
  --logo-top: 0%;
  --logo-left: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(39,55,117,0.1);
  --watermark-w: 233.24331665039062px;
  --watermark-h: 160.0659637451172px;
  --watermark-top: 335.0px;
  --watermark-right: 15.756683349609375px;
  --watermark-image-top: 0%;
  --watermark-image-left: 0%;
  --watermark-image-w: 100%;
  --watermark-image-h: 100%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--02 {
  --logo-w: 236px;
  --logo-h: 60px;
  --logo-top: 0%;
  --logo-left: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
  --fact-soft: rgba(0,62,243,0.1);
  --tick-soft: rgba(0,74,172,0.1);
  --watermark-w: 209.0px;
  --watermark-h: 170.0px;
  --watermark-top: 364.0px;
  --watermark-right: 29.0px;
  --watermark-image-top: -18.03%;
  --watermark-image-left: -6.25%;
  --watermark-image-w: 368.75%;
  --watermark-image-h: 151.44%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--03 {
  --logo-w: 225px;
  --logo-h: 60px;
  --logo-top: -104.64%;
  --logo-left: -0.13%;
  --logo-image-w: 80.88%;
  --logo-image-h: 302.76%;
  --fact-soft: rgba(59,155,213,0.1);
  --tick-soft: rgba(191,30,46,0.1);
  --watermark-w: 185.0px;
  --watermark-h: 170.0px;
  --watermark-top: 333.0px;
  --watermark-right: 34.0px;
  --watermark-image-top: -216.08%;
  --watermark-image-left: -331.92%;
  --watermark-image-w: 522.55%;
  --watermark-image-h: 569.91%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--04 {
  --logo-w: 242px;
  --logo-h: 60px;
  --logo-top: 0%;
  --logo-left: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(80,160,96,0.1);
  --watermark-w: 173.0px;
  --watermark-h: 170.0px;
  --watermark-top: 321.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -18.73%;
  --watermark-image-left: -281.97%;
  --watermark-image-w: 396.72%;
  --watermark-image-h: 137.47%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--05 {
  --logo-w: 203px;
  --logo-h: 60px;
  --logo-top: 15.07%;
  --logo-left: -0.06%;
  --logo-image-w: 100.06%;
  --logo-image-h: 70.45%;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(139,198,57,0.1);
  --watermark-w: 139.0px;
  --watermark-h: 170.0px;
  --watermark-top: 333.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -5.15%;
  --watermark-image-left: -264.92%;
  --watermark-image-w: 655.24%;
  --watermark-image-h: 111.24%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--06 {
  --logo-w: 128px;
  --logo-h: 60px;
  --logo-top: 0.55%;
  --logo-left: -0.01%;
  --logo-image-w: 97.49%;
  --logo-image-h: 95.31%;
  --fact-soft: rgba(159,157,160,0.1);
  --tick-soft: rgba(12,76,163,0.1);
  --watermark-w: 164.0px;
  --watermark-h: 170.0px;
  --watermark-top: 334.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: 0.55%;
  --watermark-image-left: -0.02%;
  --watermark-image-w: 215.14%;
  --watermark-image-h: 95.31%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--07 {
  --logo-w: 201px;
  --logo-h: 60px;
  --logo-top: 0%;
  --logo-left: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(159,196,121,0.1);
  --watermark-w: 170.0px;
  --watermark-h: 170.0px;
  --watermark-top: 319.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -20.8%;
  --watermark-image-left: -6.67%;
  --watermark-image-w: 446.67%;
  --watermark-image-h: 143.83%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--08 {
  --logo-w: 163px;
  --logo-h: 60px;
  --logo-top: 1.05%;
  --logo-left: 0.42%;
  --logo-image-w: 99.03%;
  --logo-image-h: 98.95%;
  --fact-soft: rgba(2,129,196,0.1);
  --tick-soft: rgba(16,23,43,0.1);
  --watermark-w: 136.0px;
  --watermark-h: 170.0px;
  --watermark-top: 325.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: 1.05%;
  --watermark-image-left: -65.25%;
  --watermark-image-w: 336.3%;
  --watermark-image-h: 98.95%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--09 {
  --logo-w: 318px;
  --logo-h: 60px;
  --logo-top: -3.02%;
  --logo-left: -0.16%;
  --logo-image-w: 100.16%;
  --logo-image-h: 103.04%;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(15,31,61,0.1);
  --watermark-w: 257.0px;
  --watermark-h: 170.0px;
  --watermark-top: 311.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -4.9%;
  --watermark-image-left: -0.93%;
  --watermark-image-w: 568.78%;
  --watermark-image-h: 167.09%;
  --watermark-opacity: .2;
}

.listicle-detail-cards--az .detail-card--10 {
  --logo-w: 170px;
  --logo-h: 60px;
  --logo-top: -8.9%;
  --logo-left: -0.22%;
  --logo-image-w: 100.5%;
  --logo-image-h: 108.9%;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(193,172,125,0.1);
  --watermark-w: 182.0px;
  --watermark-h: 170.0px;
  --watermark-top: 314.0px;
  --watermark-right: 35.0px;
  --watermark-image-top: -9.37%;
  --watermark-image-left: -0.61%;
  --watermark-image-w: 280.08%;
  --watermark-image-h: 114.63%;
  --watermark-opacity: .2;
}

.listicle-detail--az .detail-toc-dot {
  background-image: url('../../images/listicle-arizona/images/detail-az/62d40.svg');
}

.listicle-detail--az .detail-toc a.is-current .detail-toc-dot {
  background-image: url('../../images/listicle-arizona/images/detail-az/66e17.svg');
}

.listicle-detail-cards--az .detail-card--01 .detail-card-watermark {
  opacity: 1;
}

@media (max-width: 768px) {
  .listicle-detail--az .detail-toc {
    min-height: 0;
  }

  .listicle-detail-cards--az .detail-card {
    padding: 24px;
  }

  .listicle-detail-cards--az .detail-card-watermark {
    display: none;
  }
}

@media (min-width: 1101px) {
  .listicle-support--az .support-card:nth-child(n + 2) .support-card-copy {
    min-height: 106px;
  }
}

.listicle-support--az .support-card-btn:focus-visible {
  outline: 2px solid var(--c-white);
  outline-offset: 3px;
}


/* ============================================================= */
/* South Carolina listicle (v2/listicale-south-carolina.blade.php): */
/* South Carolina layout variants (banner flag, 5-column top 10    */
/* grid with per-company logo framing, CTA orbit) from the design  */
/* build.                                                          */
/* ============================================================= */
.listicle-banner-section--sc .listicle-banner-flag img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.listicle-banner-section--sc .listicle-banner-badge:first-child {
  align-items: flex-start;
}

@media (min-width: 901px) {
  .listicle-banner-section--sc .listicle-banner-content {
    left: calc(50% - .45 * var(--u));
  }
  .listicle-banner-section--sc .listicle-banner-copy {
    width: auto;
  }
  .listicle-banner-section--sc .listicle-banner-flag {
    width: calc(306 * var(--u));
    height: calc(306 * var(--u));
  }
}

@media (max-width: 480px) {
  .listicle-banner-section--sc .listicle-banner-place {
    font-size: clamp(24px, 7vw, 34px);
  }
}

.listicle-cta--sc .listicle-cta-button {
  width: auto;
}

.listicle-cta--sc .listicle-cta-orbit {
  top: 49px;
  right: 99.345px;
  transform: scale(1.1494);
  transform-origin: top right;
}

@media (max-width: 1200px) {
  .listicle-cta--sc .listicle-cta-orbit {
    top: auto;
    right: auto;
  }
}

@media (max-width: 520px) {
  .listicle-cta--sc .listicle-cta-button {
    width: 100%;
  }
}

.listicle-top10--sc .listicle-top10-head {
  max-width: none;
}

.listicle-top10-grid--sc {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.listicle-top10-grid--sc .top10-card {
  min-width: 0;
  border: 1px solid var(--c-light-grey);
  box-shadow: none;
}

.listicle-top10-grid--sc .top10-card:first-child {
  border-color: transparent;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.listicle-top10-grid--sc .top10-card-ribbon {
  top: -1px;
  right: -1px;
}

.listicle-top10-grid--sc .top10-card-ribbon span {
  left: 54.5px;
}

.listicle-top10-grid--sc .top10-card:first-child .top10-card-ribbon span {
  left: 48.5px;
}

.listicle-top10-grid--sc .top10-card-logo-frame {
  position: relative;
  display: block;
  flex: none;
  width: var(--logo-w);
  height: var(--logo-h);
  max-width: 100%;
  overflow: hidden;
}

.listicle-top10-grid--sc .top10-card-logo {
  position: absolute;
  left: var(--logo-left);
  top: var(--logo-top);
  width: var(--logo-image-w);
  height: var(--logo-image-h);
  max-width: none;
  object-fit: fill;
}

.listicle-top10-grid--sc .top10-card-rule {
  position: relative;
  height: 0;
  background: none;
}

.listicle-top10-grid--sc .top10-card-rule img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 37.08px;
  height: 2px;
}

.listicle-top10-grid--sc .top10-card-feature {
  width: 100%;
  line-height: 27px;
}

.listicle-top10-grid--sc .top10-card-feature > span:last-child {
  min-width: 0;
  line-height: 1.3;
}

.listicle-top10-grid--sc .top10-card:first-child .top10-card-feature {
  line-height: 25px;
}

@media (max-width: 1200px) {
  .listicle-top10-grid--sc {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 1000px) {
  .listicle-top10-grid--sc {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .listicle-top10-grid--sc {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 520px) {
  .listicle-top10-grid--sc {
    grid-template-columns: minmax(0,1fr);
  }
}

.listicle-top10-grid--sc .top10-card--01 {
  --accent-soft: rgba(39,55,117,0.1);
  --logo-w: 165px;
  --logo-h: 34px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--sc .top10-card--02 {
  --accent-soft: rgba(81,32,87,0.1);
  --logo-w: 110px;
  --logo-h: 28px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--sc .top10-card--03 {
  --accent-soft: rgba(244,186,23,0.1);
  --logo-w: 146px;
  --logo-h: 39px;
  --logo-left: 0%;
  --logo-top: 32.42%;
  --logo-image-w: 100%;
  --logo-image-h: 35.17%;
}

.listicle-top10-grid--sc .top10-card--04 {
  --accent-soft: rgba(33,47,100,0.1);
  --logo-w: 157px;
  --logo-h: 39px;
  --logo-left: 0.12%;
  --logo-top: 13.02%;
  --logo-image-w: 99.88%;
  --logo-image-h: 76.39%;
}

.listicle-top10-grid--sc .top10-card--05 {
  --accent-soft: rgba(59,54,93,0.1);
  --logo-w: 152px;
  --logo-h: 45px;
  --logo-left: 0.2%;
  --logo-top: 0%;
  --logo-image-w: 29.61%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--sc .top10-card--06 {
  --accent-soft: rgba(5,103,161,0.1);
  --logo-w: 171px;
  --logo-h: 69px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}

.listicle-top10-grid--sc .top10-card--07 {
  --accent-soft: rgba(27,55,100,0.1);
  --logo-w: 164px;
  --logo-h: 49px;
  --logo-left: 0%;
  --logo-top: 0.7%;
  --logo-image-w: 43.84%;
  --logo-image-h: 99.3%;
}

.listicle-top10-grid--sc .top10-card--08 {
  --accent-soft: rgba(22,40,52,0.1);
  --logo-w: 46px;
  --logo-h: 42px;
  --logo-left: -13.76%;
  --logo-top: -16.09%;
  --logo-image-w: 119.5%;
  --logo-image-h: 130.88%;
}

.listicle-top10-grid--sc .top10-card--09 {
  --accent-soft: rgba(197,31,51,0.1);
  --logo-w: 159px;
  --logo-h: 41px;
  --logo-left: 0.23%;
  --logo-top: 18.23%;
  --logo-image-w: 99.77%;
  --logo-image-h: 65.12%;
}

.listicle-top10-grid--sc .top10-card--10 {
  --accent-soft: rgba(217,188,87,0.1);
  --logo-w: 118px;
  --logo-h: 36px;
  --logo-left: 0%;
  --logo-top: 0%;
  --logo-image-w: 100%;
  --logo-image-h: 100%;
}



/* ============================================================= */
/* Tennessee listicle (v2/listicale-tennessee.blade.php): Tennessee */
/* top 10 grid and review cards from the design build. It reuses   */
/* the South Carolina banner / CTA variants. The build scoped these */
/* to body.page-listicle-tennessee; the modifiers alone scope them  */
/* here.                                                            */
/* ============================================================= */
.listicle-detail--tn {
  padding: 40px 0;
}

.listicle-detail--tn .detail-toc ol {
  max-width: 244px;
}

.listicle-detail--tn .detail-toc-dot {
  background-image: url('../../images/listicle-tennessee/images/detail-co/62d40.svg');
}

.listicle-detail--tn .detail-promo {
  width: 100%;
}

.listicle-detail--tn .detail-promo-badge > .detail-promo-logo {
  position: relative;
  display: block;
  width: var(--badge-w);
  height: var(--badge-h);
  overflow: hidden;
  opacity: 1;
}

.listicle-detail--tn .detail-promo-badge > .detail-promo-logo img {
  position: absolute;
  top: var(--badge-top);
  left: var(--badge-left);
  width: var(--badge-image-w);
  height: var(--badge-image-h);
  max-width: none;
  max-height: none;
}

.listicle-detail--tn .detail-promo-badge--right {
  gap: 0;
  --badge-w: 159.29px;
  --badge-h: 42.076px;
  --badge-top: 4.19%;
  --badge-left: 0.21%;
  --badge-image-w: 99.97%;
  --badge-image-h: 90.57%;
}

.listicle-detail--tn .detail-promo-badge--left {
  gap: 6px;
  --badge-w: 137.077px;
  --badge-h: 33px;
  --badge-top: 0%;
  --badge-left: 0%;
  --badge-image-w: 100%;
  --badge-image-h: 200%;
}

.listicle-detail--tn .detail-promo-badge--main {
  left: calc(50% + 0.5px);
  --badge-w: 106px;
  --badge-h: 32px;
  --badge-top: -0.69%;
  --badge-left: 1.45%;
  --badge-image-w: 97.42%;
  --badge-image-h: 100%;
}

.listicle-detail--tn .detail-promo-btn img {
  transform: scaleY(-1);
}

.listicle-detail-cards--tn .detail-card {
  padding: 35px;
}

.listicle-detail-cards--tn .detail-card-logo-frame {
  position: relative;
  display: block;
  width: var(--logo-w);
  max-width: 100%;
  height: var(--logo-h);
  overflow: hidden;
}

.listicle-detail-cards--tn .detail-card-brand {
  max-width: 100%;
}

.listicle-detail-cards--tn .detail-card-logo {
  position: absolute;
  top: var(--logo-top, 0%);
  left: var(--logo-left, 0%);
  width: var(--logo-image-w, 100%);
  height: var(--logo-image-h, 100%);
  max-width: none;
  object-fit: fill;
}

.listicle-detail-cards--tn .detail-card-rule {
  position: relative;
  height: 0;
  background: none;
}

.listicle-detail-cards--tn .detail-card-rule img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 59.08px;
  height: 4px;
}

.listicle-detail-cards--tn .detail-fact-icon {
  background: var(--fact-soft);
}

.listicle-detail-cards--tn .detail-fact-icon--location img {
  width: 15.333px;
  height: 18.88px;
}

.listicle-detail-cards--tn .detail-fact-divider {
  width: 0;
  border-left: 1px solid var(--c-placeholder);
}

.listicle-detail-cards--tn .detail-tick {
  background: var(--tick-soft);
}

.listicle-detail-cards--tn .detail-card-standout h4,
.listicle-detail-cards--tn .detail-card-standout p {
  padding-left: 16px;
}

.listicle-detail-cards--tn .detail-card-promo {
  padding: 18px 22px;
}

.listicle-detail-cards--tn .detail-card-watermark {
  top: var(--watermark-top);
  right: var(--watermark-right);
  width: var(--watermark-w);
  height: var(--watermark-h);
  transform: none;
  opacity: var(--watermark-opacity, 0.2);
  border-radius: var(--watermark-radius, 0);
}

.listicle-detail-cards--tn .detail-card-watermark img {
  position: absolute;
  top: var(--watermark-image-top, 0%);
  left: var(--watermark-image-left, 0%);
  width: var(--watermark-image-w, 100%);
  height: var(--watermark-image-h, 100%);
  max-width: none;
  object-fit: fill;
}

.listicle-detail--tn .detail-toc a.is-current .detail-toc-dot,
.listicle-detail--tn .detail-toc a:hover .detail-toc-dot {
  background-image: url('../../images/listicle-tennessee/images/detail-co/66e17.svg');
}

@media (max-width: 768px) {
  .listicle-detail-cards--tn .detail-card {
    padding: 24px;
  }
}

.listicle-detail-cards--tn .detail-card--01 {
  --logo-w: 244px;
  --logo-h: 40px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(39,55,117,0.1);
  --watermark-w: 233.243px;
  --watermark-h: 160.066px;
  --watermark-top: 340px;
  --watermark-right: 20.7567px;
}

.listicle-detail-cards--tn .detail-card--02 {
  --logo-w: 236px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(81,32,87,0.1);
  --watermark-w: 147px;
  --watermark-h: 170px;
  --watermark-top: 337px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--03 {
  --logo-w: 225px;
  --logo-h: 21px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(244,186,23,0.1);
}

.listicle-detail-cards--tn .detail-card--04 {
  --logo-w: 242px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(33,47,100,0.1);
  --watermark-w: 136px;
  --watermark-h: 170px;
  --watermark-top: 294px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--05 {
  --logo-w: 64px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(59,54,93,0.1);
  --watermark-w: 181px;
  --watermark-h: 170px;
  --watermark-top: 315px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--06 {
  --logo-w: 171px;
  --logo-h: 69px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(5,103,161,0.1);
  --watermark-w: 189px;
  --watermark-h: 170px;
  --watermark-top: 346px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--07 {
  --logo-w: 94px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(27,55,100,0.1);
  --watermark-w: 194px;
  --watermark-h: 124px;
  --watermark-top: 337px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--08 {
  --logo-w: 66px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(22,40,52,0.1);
  --watermark-w: 171px;
  --watermark-h: 170px;
  --watermark-top: 342px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--09 {
  --logo-w: 233px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(15,31,61,0.1);
  --watermark-w: 206px;
  --watermark-h: 170px;
  --watermark-top: 310px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--10 {
  --logo-w: 128px;
  --logo-h: 60px;
  --fact-soft: rgba(39,55,117,0.1);
  --tick-soft: rgba(217,188,87,0.1);
  --watermark-w: 140px;
  --watermark-h: 170px;
  --watermark-top: 314px;
  --watermark-right: 40px;
}

.listicle-detail-cards--tn .detail-card--03 .detail-card-watermark {
  display: none;
}

.listicle-top10--tn .listicle-top10-head {
  max-width: none;
}

.listicle-top10-grid--tn {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.listicle-top10-grid--tn .top10-card {
  align-self: stretch;
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

.listicle-top10-grid--tn .top10-card--01 {
  border-color: transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.listicle-top10-grid--tn .top10-card-brand {
  align-items: flex-start;
}

.listicle-top10-grid--tn .top10-card-logo-frame {
  position: relative;
  display: block;
  flex: none;
  max-width: 100%;
  overflow: hidden;
}

.listicle-top10-grid--tn .top10-card-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: left center;
}

.listicle-top10-grid--tn .top10-card-rule {
  position: relative;
  background: var(--accent);
}

.listicle-top10-grid--tn .top10-card-rule img {
  display: none;
}

.listicle-top10-grid--tn .top10-card-ribbon {
  top: -1px;
  right: -1px;
}

.listicle-top10-grid--tn .top10-card--01 .top10-card-ribbon {
  top: 0;
  right: 0;
}

.listicle-top10-grid--tn .top10-card-ribbon span {
  left: 54.5px;
}

.listicle-top10-grid--tn .top10-card--02 .top10-card-ribbon span {
  left: 54px;
}

.listicle-top10-grid--tn .top10-card--01 .top10-card-ribbon span {
  left: 48.5px;
}

.listicle-top10-grid--tn .top10-card-title {
  text-transform: capitalize;
}

.listicle-top10-grid--tn .top10-card-feature {
  width: 100%;
}

.listicle-top10-grid--tn .top10-card--01 .top10-card-feature {
  line-height: 25px;
}

.listicle-top10-grid--tn .top10-card--01 .top10-card-feature:nth-of-type(5) {
  line-height: 20px;
}

.listicle-top10-grid--tn .top10-card--01 {
  --accent: #273775;
  --accent-soft: rgba(39,55,117,0.1);
}

.listicle-top10-grid--tn .top10-card--02 {
  --accent: #012281;
  --accent-soft: rgba(1,34,129,0.1);
}

.listicle-top10-grid--tn .top10-card--03 {
  --accent: #284397;
  --accent-soft: rgba(40,67,151,0.1);
}

.listicle-top10-grid--tn .top10-card--04 {
  --accent: #1093e7;
  --accent-soft: rgba(16,147,231,0.1);
}

.listicle-top10-grid--tn .top10-card--05 {
  --accent: #377bf8;
  --accent-soft: rgba(55,123,248,0.1);
}

.listicle-top10-grid--tn .top10-card--06 {
  --accent: #1d9ad6;
  --accent-soft: rgba(29,154,214,0.1);
}

.listicle-top10-grid--tn .top10-card--07 {
  --accent: #0d8d8b;
  --accent-soft: rgba(13,141,139,0.1);
}

.listicle-top10-grid--tn .top10-card--08 {
  --accent: #2b98d4;
  --accent-soft: rgba(43,152,212,0.1);
}

.listicle-top10-grid--tn .top10-card--09 {
  --accent: #010101;
  --accent-soft: rgba(1,1,1,0.1);
}

.listicle-top10-grid--tn .top10-card--10 {
  --accent: #f58522;
  --accent-soft: rgba(245,133,34,0.1);
}

.listicle-top10-grid--tn .top10-card--01 .top10-card-logo-frame {
  width: 165px;
  height: 34px;
}

.listicle-top10-grid--tn .top10-card--02 .top10-card-logo-frame {
  width: 100px;
  height: 28px;
}

.listicle-top10-grid--tn .top10-card--03 .top10-card-logo-frame {
  width: 55px;
  height: 39px;
}

.listicle-top10-grid--tn .top10-card--04 .top10-card-logo-frame {
  width: 157px;
  height: 39px;
}

.listicle-top10-grid--tn .top10-card--05 .top10-card-logo-frame {
  width: 68px;
  height: 45px;
}

.listicle-top10-grid--tn .top10-card--06 .top10-card-logo-frame {
  width: 152px;
  height: 45px;
}

.listicle-top10-grid--tn .top10-card--07 .top10-card-logo-frame {
  width: 90px;
  height: 49px;
}

.listicle-top10-grid--tn .top10-card--08 .top10-card-logo-frame {
  width: 81px;
  height: 42px;
}

.listicle-top10-grid--tn .top10-card--09 .top10-card-logo-frame {
  width: 63px;
  height: 41px;
}

.listicle-top10-grid--tn .top10-card--10 .top10-card-logo-frame {
  width: 118px;
  height: 36px;
}

@media (max-width: 1200px) {
  .listicle-top10-grid--tn {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 1000px) {
  .listicle-top10-grid--tn {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .listicle-top10-grid--tn {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 520px) {
  .listicle-top10-grid--tn {
    grid-template-columns: minmax(0,1fr);
  }
}

.listicle-detail-cards--tn .detail-card--01 {
  --tick-soft: rgba(39,55,117,0.1);
}

.listicle-detail-cards--tn .detail-card--02 {
  --tick-soft: rgba(1,34,129,0.1);
}

.listicle-detail-cards--tn .detail-card--03 {
  --tick-soft: rgba(40,67,151,0.1);
}

.listicle-detail-cards--tn .detail-card--04 {
  --tick-soft: rgba(16,147,231,0.1);
}

.listicle-detail-cards--tn .detail-card--05 {
  --tick-soft: rgba(55,123,248,0.1);
}

.listicle-detail-cards--tn .detail-card--06 {
  --tick-soft: rgba(29,154,214,0.1);
}

.listicle-detail-cards--tn .detail-card--07 {
  --tick-soft: rgba(13,141,139,0.1);
}

.listicle-detail-cards--tn .detail-card--08 {
  --tick-soft: rgba(43,152,212,0.1);
}

.listicle-detail-cards--tn .detail-card--09 {
  --tick-soft: rgba(1,1,1,0.1);
}

.listicle-detail-cards--tn .detail-card--10 {
  --tick-soft: rgba(245,133,34,0.1);
}

.listicle-detail-cards--tn .detail-card-watermark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.listicle-detail-cards--tn .detail-card--03 .detail-card-watermark {
  display: block;
}

.listicle-detail-cards--tn .detail-card-logo {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.listicle-detail-cards--tn .detail-card--01 {
  --logo-w: 244px;
  --logo-h: 40px;
}

.listicle-detail-cards--tn .detail-card--02 {
  --logo-w: 214px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--03 {
  --logo-w: 85px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--04 {
  --logo-w: 242px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--05 {
  --logo-w: 66px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--06 {
  --logo-w: 202px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--07 {
  --logo-w: 110px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--08 {
  --logo-w: 116px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--09 {
  --logo-w: 92px;
  --logo-h: 60px;
}

.listicle-detail-cards--tn .detail-card--10 {
  --logo-w: 197px;
  --logo-h: 60px;
}



/* ============================================================= */
/* Michigan listicle (v2/listicale-michigan.blade.php): Michigan   */
/* top 10 grid and review cards from the design build. It reuses   */
/* the South Carolina banner / CTA and Tennessee top 10 / detail   */
/* variants; the build scoped these to body.page-listicle-tennessee */
/* and the modifiers alone scope them here.                         */
/* ============================================================= */
.listicle-top10-grid--mi .top10-card-rule {
  background: var(--accent);
}

.listicle-top10-grid--mi .top10-card-feature-icon {
  background: transparent;
}

.listicle-top10-grid--mi .top10-card-feature-icon img {
  width: 30px;
  height: 30px;
}

.listicle-top10-grid--mi .top10-card--01 .top10-card-feature-icon {
  background: var(--accent-soft);
}

.listicle-top10-grid--mi .top10-card--01 .top10-card-feature-icon img {
  width: 20px;
  height: 20px;
}

.listicle-top10-grid--mi .top10-card--02 {
  --accent: #00A950;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--03 {
  --accent: #0079CA;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--04 {
  --accent: #43B0FF;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--05 {
  --accent: #FFD5AA;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--06 {
  --accent: #00529B;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--07 {
  --accent: #2D783D;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--08 {
  --accent: #6B0006;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--09 {
  --accent: #EE3B50;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--10 {
  --accent: #13C8FB;
  --accent-soft: transparent;
}

.listicle-top10-grid--mi .top10-card--02 .top10-card-logo-frame {
  width: 124px;
  height: 48px;
}

.listicle-top10-grid--mi .top10-card--03 .top10-card-logo-frame {
  width: 141px;
  height: 39px;
}

.listicle-top10-grid--mi .top10-card--04 .top10-card-logo-frame {
  width: 110px;
  height: 49px;
}

.listicle-top10-grid--mi .top10-card--05 .top10-card-logo-frame {
  width: 69px;
  height: 50px;
}

.listicle-top10-grid--mi .top10-card--06 .top10-card-logo-frame {
  width: 152px;
  height: 31px;
}

.listicle-top10-grid--mi .top10-card--07 .top10-card-logo-frame {
  width: 136px;
  height: 49px;
}

.listicle-top10-grid--mi .top10-card--08 .top10-card-logo-frame {
  width: 110px;
  height: 49px;
}

.listicle-top10-grid--mi .top10-card--09 .top10-card-logo-frame {
  width: 144px;
  height: 51px;
}

.listicle-top10-grid--mi .top10-card--10 .top10-card-logo-frame {
  width: 95px;
  height: 45px;
}

.listicle-detail-cards--mi .detail-card-watermark {
  opacity: 1;
}

.listicle-detail-cards--mi .detail-card-rule {
  position: relative;
  height: 0;
  background: none;
}

.listicle-detail-cards--mi .detail-card-rule img {
  display: none;
}

.listicle-detail-cards--mi .detail-card-rule::after {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 59.08px;
  height: 4px;
  background: var(--accent);
  border-radius: 2px;
  content: "";
}

.listicle-detail-cards--mi .detail-card--01 {
  --accent: #273775;
  --tick-soft: rgba(39,55,117,0.1);
}

.listicle-detail-cards--mi .detail-card--02 {
  --accent: #00A950;
  --tick-soft: rgba(0,169,80,0.1);
}

.listicle-detail-cards--mi .detail-card--03 {
  --accent: #0079CA;
  --tick-soft: rgba(0,121,202,0.1);
}

.listicle-detail-cards--mi .detail-card--04 {
  --accent: #43B0FF;
  --tick-soft: rgba(67,176,255,0.1);
}

.listicle-detail-cards--mi .detail-card--05 {
  --accent: #FFD5AA;
  --tick-soft: rgba(255,213,170,0.1);
}

.listicle-detail-cards--mi .detail-card--06 {
  --accent: #00529B;
  --tick-soft: rgba(0,82,155,0.1);
}

.listicle-detail-cards--mi .detail-card--07 {
  --accent: #2D783D;
  --tick-soft: rgba(45,120,61,0.1);
}

.listicle-detail-cards--mi .detail-card--08 {
  --accent: #6B0006;
  --tick-soft: rgba(107,0,6,0.1);
}

.listicle-detail-cards--mi .detail-card--09 {
  --accent: #EE3B50;
  --tick-soft: rgba(238,59,80,0.1);
}

.listicle-detail-cards--mi .detail-card--10 {
  --accent: #13C8FB;
  --tick-soft: rgba(19,200,251,0.1);
}

.listicle-detail-cards--mi .detail-card:not(.detail-card--01) .detail-tick {
  background: transparent;
}

.listicle-detail-cards--mi .detail-card:not(.detail-card--01) .detail-tick img {
  width: 24px;
  height: 24px;
}

.listicle-detail-cards--mi .detail-card--03 {
  --logo-w: 217px;
  --logo-h: 60px;
}

.listicle-detail-cards--mi .detail-card--06 {
  --logo-w: 294px;
  --logo-h: 60px;
}

.listicle-detail-cards--mi .detail-card--07 {
  --logo-w: 167px;
  --logo-h: 60px;
}

.listicle-detail-cards--mi .detail-card--09 {
  --logo-w: 169px;
  --logo-h: 60px;
}

.listicle-detail-cards--mi .detail-card--02 {
  --watermark-w: 180px;
  --watermark-h: 107px;
  --watermark-top: 337px;
  --watermark-right: 40px;
}

.listicle-detail-cards--mi .detail-card--04 {
  --watermark-w: 234px;
  --watermark-h: 90px;
  --watermark-top: 337px;
  --watermark-right: 40px;
}

.listicle-detail-cards--mi .detail-card--10 {
  --watermark-w: 206px;
  --watermark-h: 86px;
  --watermark-top: 314px;
  --watermark-right: 40px;
}

.listicle-detail-cards--mi .detail-card--02 .detail-card-watermark,
.listicle-detail-cards--mi .detail-card--04 .detail-card-watermark,
.listicle-detail-cards--mi .detail-card--10 .detail-card-watermark {
  display: block;
  right: 40px;
  left: auto;
}

.listicle-detail-cards--mi .detail-card--03 {
  --watermark-w: 137px;
  --watermark-h: 158px;
  --watermark-top: 337px;
  --watermark-right: 40px;
}

.listicle-detail-cards--mi .detail-card--03 .detail-card-watermark {
  display: block;
  top: 337px;
  right: 40px;
  left: auto;
  width: 137px;
  height: 158px;
  opacity: 1;
}



/* ============================================================= */
/* Oregon listicle (v2/listicale-oregon.blade.php): Oregon top 10  */
/* grid and review cards from the design build. It reuses the      */
/* South Carolina banner / CTA and Tennessee top 10 / detail       */
/* variants; the build scoped these to body.page-listicle-tennessee */
/* and the modifiers alone scope them here.                         */
/* ============================================================= */
.listicle-top10-grid--or .top10-card-rule {
  background: var(--accent);
}

.listicle-top10-grid--or .top10-card-feature-icon {
  background: transparent;
}

.listicle-top10-grid--or .top10-card-feature-icon img {
  width: 30px;
  height: 30px;
}

.listicle-top10-grid--or .top10-card--02 {
  --accent: #365BBF;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--03 {
  --accent: #56004E;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--04 {
  --accent: #15728B;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--05 {
  --accent: #1C7248;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--06 {
  --accent: #64CD3C;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--07 {
  --accent: #7C00FF;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--08 {
  --accent: #2675E2;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--09 {
  --accent: #8B0000;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--10 {
  --accent: #D70008;
  --accent-soft: transparent;
}

.listicle-top10-grid--or .top10-card--02 .top10-card-logo-frame {
  width: 159px;
  height: 17px;
}

.listicle-top10-grid--or .top10-card--03 .top10-card-logo-frame {
  width: 139px;
  height: 39px;
}

.listicle-top10-grid--or .top10-card--04 .top10-card-logo-frame {
  width: 40px;
  height: 39px;
}

.listicle-top10-grid--or .top10-card--05 .top10-card-logo-frame {
  width: 68px;
  height: 50px;
}

.listicle-top10-grid--or .top10-card--06 .top10-card-logo-frame {
  width: 152px;
  height: 45px;
}

.listicle-top10-grid--or .top10-card--07 .top10-card-logo-frame {
  width: 136px;
  height: 49px;
}

.listicle-top10-grid--or .top10-card--08 .top10-card-logo-frame {
  width: 138px;
  height: 49px;
}

.listicle-top10-grid--or .top10-card--09 .top10-card-logo-frame {
  width: 53px;
  height: 51px;
}

.listicle-top10-grid--or .top10-card--10 .top10-card-logo-frame {
  width: 144px;
  height: 36px;
}

.listicle-detail-cards--or .detail-card-logo-frame {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
}

.listicle-detail-cards--or .detail-card-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: left center;
}

.listicle-detail-cards--or .detail-card-watermark {
  top: var(--watermark-top);
  right: var(--watermark-right, 40px);
  width: var(--watermark-w);
  height: var(--watermark-h);
  transform: none;
}

.listicle-detail-cards--or .detail-card-watermark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.listicle-detail-cards--or .detail-card--02 {
  --watermark-w: 475px;
  --watermark-h: 51px;
  --watermark-top: 337px;
}

.listicle-detail-cards--or .detail-card--02 .detail-card-watermark {
  display: block;
}

.listicle-detail-cards--or .detail-card--03 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--04 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--05 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--06 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--07 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--08 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--09 .detail-card-watermark,
.listicle-detail-cards--or .detail-card--10 .detail-card-watermark {
  display: block;
}

.listicle-detail-cards--or .detail-card--02 {
  --logo-w: 236px;
  --logo-h: 40px;
}

.listicle-detail-cards--or .detail-card--03 {
  --logo-w: 214px;
  --logo-h: 60px;
  --watermark-w: 159px;
  --watermark-h: 170px;
  --watermark-top: 337px;
}

.listicle-detail-cards--or .detail-card--04 {
  --logo-w: 62px;
  --logo-h: 60px;
  --watermark-w: 136px;
  --watermark-h: 170px;
  --watermark-top: 294px;
}

.listicle-detail-cards--or .detail-card--05 {
  --logo-w: 41px;
  --logo-h: 60px;
  --watermark-w: 155px;
  --watermark-h: 170px;
  --watermark-top: 315px;
}

.listicle-detail-cards--or .detail-card--06 {
  --logo-w: 202px;
  --logo-h: 60px;
  --watermark-w: 185px;
  --watermark-h: 170px;
  --watermark-top: 346px;
}

.listicle-detail-cards--or .detail-card--07 {
  --logo-w: 167px;
  --logo-h: 60px;
  --watermark-w: 145px;
  --watermark-h: 170px;
  --watermark-top: 337px;
}

.listicle-detail-cards--or .detail-card--08 {
  --logo-w: 138px;
  --logo-h: 49px;
  --watermark-w: 203px;
  --watermark-h: 170px;
  --watermark-top: 342px;
}

.listicle-detail-cards--or .detail-card--09 {
  --logo-w: 62px;
  --logo-h: 60px;
  --watermark-w: 192px;
  --watermark-h: 138px;
  --watermark-top: 310px;
}

.listicle-detail-cards--or .detail-card--10 {
  --logo-w: 240px;
  --logo-h: 60px;
  --watermark-w: 206px;
  --watermark-h: 139px;
  --watermark-top: 314px;
}

.listicle-detail-cards--or .detail-card-watermark {
  overflow: hidden;
}

.listicle-detail-cards--or .detail-card-rule {
  position: relative;
  width: 59.08px;
  height: 4px;
  background: var(--accent);
}

.listicle-detail-cards--or .detail-card-rule img {
  display: none;
}

.listicle-detail-cards--or .detail-card--01 {
  --accent: #273775;
  --tick-soft: rgba(39,55,117,0.1);
}

.listicle-detail-cards--or .detail-card--02 {
  --accent: #365BBF;
  --tick-soft: rgba(54,91,191,0.1);
}

.listicle-detail-cards--or .detail-card--03 {
  --accent: #56004E;
  --tick-soft: rgba(86,0,78,0.1);
}

.listicle-detail-cards--or .detail-card--04 {
  --accent: #15728B;
  --tick-soft: rgba(21,114,139,0.1);
}

.listicle-detail-cards--or .detail-card--05 {
  --accent: #1C7248;
  --tick-soft: rgba(28,114,72,0.1);
}

.listicle-detail-cards--or .detail-card--06 {
  --accent: #64CD3C;
  --tick-soft: rgba(100,205,60,0.1);
}

.listicle-detail-cards--or .detail-card--07 {
  --accent: #7C00FF;
  --tick-soft: rgba(124,0,255,0.1);
}

.listicle-detail-cards--or .detail-card--08 {
  --accent: #2675E2;
  --tick-soft: rgba(38,117,226,0.1);
}

.listicle-detail-cards--or .detail-card--09 {
  --accent: #8B0000;
  --tick-soft: rgba(139,0,0,0.1);
}

.listicle-detail-cards--or .detail-card--10 {
  --accent: #D70008;
  --tick-soft: rgba(215,0,8,0.1);
}

.listicle-detail-cards--or .detail-card:not(.detail-card--01) .detail-tick {
  width: 24px;
  height: 24px;
  background: transparent;
}

.listicle-detail-cards--or .detail-card:not(.detail-card--01) .detail-tick img {
  width: 24px;
  height: 24px;
}

.listicle-detail-cards--or .detail-card--02 .detail-card-watermark {
  top: calc(50% + 24px);
  right: auto;
  bottom: auto;
  left: 408px;
  width: 475px;
  height: 51px;
  opacity: 0.22;
  transform: translateY(-50%);
}

.listicle-detail-cards--or .detail-card--02 .detail-card-watermark img {
  top: 11.55%;
  left: -0.15%;
  width: 100.15%;
  height: 81.9%;
  max-width: none;
  object-fit: fill;
  transform: none;
}