/* Scoped to the reviewed transactional guides; loaded after the blog family. */
@font-face {
  font-family: OverloopBuyer;
  src: url('../fonts/epilogue.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] {
  --ovl-font-interface: OverloopBuyer, Arial, sans-serif;
  --ovl-font-mono: 'SFMono-Regular', Consolas, monospace;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] :is(.breadcrumbs-ui,.breadcrumbs,.breadcrumb) a,
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-tags>span {color: #51445b!important;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] [role="region"][tabindex="0"]:focus-visible {outline: 3px solid #76299d; outline-offset: 4px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] :is(.comparison-sources,.comparison-sources p,.stat-card__source),
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] [data-ovl-article-flow] > :is(p,small)[style*="#64748b" i] {color: #51445b!important;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .pros-col>h4 {color: #065f46!important;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .tool-badges span {color: #41344a!important;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-anchor {display: block; height: 0; scroll-margin-top: 110px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-hero {
  padding-block: 24px 28px;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-hero-inner {
  max-width: 1120px;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist {
  margin: 22px auto 16px; max-width: 1040px; text-align: left;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist h2 {
  font-size: 17px; line-height: 1.4; margin: 0 0 12px; letter-spacing: 0; color: #292331;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist ul {
  list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist li {
  margin: 0; padding: 16px; border: 1px solid #d6cadf; border-radius: 14px; background: #fff;
  display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-need {font-size: 12px; color: #6b3a83; font-weight: 700; line-height: 1.4;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist strong {font-size: 16px; line-height: 1.4; color: #251d2e;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-check {font-size: 13px; line-height: 1.5; color: #4f4755;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-actions {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-top: 14px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-actions a {min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] a.buyer-primary {display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 16px; border-radius: 9px; background: #76299d; color: #fff!important; font-size: 14px; line-height: 1.4; font-weight: 600; text-decoration: none;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] a.buyer-primary:hover {background: #572071;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] :is(.buyer-shortlist,.buyer-comparison,.buyer-proof) :is(a,select,summary):focus-visible {outline: 3px solid #76299d; outline-offset: 4px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] :is(.buyer-comparison,.buyer-proof) {scroll-margin-top: 110px; outline: none;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-comparison {margin: 20px 0 36px; min-width: 0;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-controls {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-controls label {display: grid; gap: 7px; font-size: 13px; line-height: 1.4; font-weight: 600; min-width: 0; color: #3c3244;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-controls select {width: 100%; min-width: 0; min-height: 48px; padding: 10px 26px 10px 12px; background: #fff; color: #292331; border: 1px solid #786582; border-radius: 8px; font: inherit; font-size: 15px; text-overflow: ellipsis; overflow: hidden;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-selection-status {font-size: 13px; line-height: 1.5; margin: 10px 0; color: #594b62;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-results {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product {min-width: 0; border: 1px solid #d8cde0; border-radius: 14px; padding: 18px; background: #fff;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product h3 {font-size: 21px; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 14px; color: #292331;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product h3 :is(div,strong,span,a) {font-size: inherit; line-height: inherit;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product h3 img {width: 24px!important; height: 24px!important; object-fit: contain; margin: 0 6px 0 0!important; padding: 0; box-shadow: none; vertical-align: middle;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product dl {margin: 0;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product dl>div {border-top: 1px solid #ece6ef; padding-top: 11px; margin-top: 11px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product dt {font-size: 11px; line-height: 1.5; color: #63546d; font-weight: 700; text-transform: uppercase; letter-spacing: .035em;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product dd {margin: 5px 0 0; font-size: 14px; line-height: 1.6; color: #302837; overflow-wrap: anywhere;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-full-table {border: 1px solid #d8cde0; border-radius: 10px; padding: 0 16px; margin-top: 16px; background: #faf8fc;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-full-table>summary {padding: 15px 0; cursor: pointer; font-size: 14px; line-height: 1.5; font-weight: 600;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-proof {margin: 40px 0; border-block: 1px solid #d8cde0; padding: 30px 0;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-proof h2 {font-size: clamp(24px,3vw,32px); line-height: 1.2; margin: 0 0 12px; color: #292331;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-proof>p {font-size: 15px; line-height: 1.7; margin: 12px 0 18px;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene {border: 1px solid #ded4e5; border-radius: 12px; margin: 10px 0; overflow: hidden; background: #fff;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene summary {padding: 15px 16px; cursor: pointer; font-size: 15px; line-height: 1.5; font-weight: 600; color: #302837;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene summary span {color: #7c3b99; margin-right: 8px; font-variant-numeric: tabular-nums;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene figure {margin: 0;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene figure>a {display: block; padding: 14px; background: #faf9fc; border-block: 1px solid #ece6ef;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene img {display: block; width: 100%; height: auto; margin: 0!important; box-shadow: none!important; border-radius: 0!important;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-scene figcaption {padding: 14px 16px; font-size: 14px; line-height: 1.7; color: #493b54;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-proof .buyer-proof-limit {font-size: 12px; line-height: 1.7; color: #64546e;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-repeat {padding: 14px 16px; border-radius: 10px; background: #f4eff8;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-repeat summary {font-size: 14px; line-height: 1.5; font-weight: 600; cursor: pointer;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-repeat ol {padding-left: 22px; font-size: 14px; line-height: 1.7;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] [hidden] {display: none!important;}
@media(max-width: 767px) {
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-hero {padding: 18px 16px 20px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-hero h1 {font-size: clamp(28px,7.7vw,34px); margin: 12px 0;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-hero :is(.lead,.lead-text,.lede) {font-size: 15px; line-height: 1.5; margin: 10px 0;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist {margin-top: 16px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist ul {grid-template-columns: 1fr; gap: 7px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist li {padding: 10px 12px; gap: 3px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-shortlist strong {font-size: 14px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-check {font-size: 12px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-results {grid-template-columns: 1fr;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-product {padding: 16px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-controls {gap: 8px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-controls select {font-size: 14px; padding-left: 8px;}
  html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .buyer-proof {padding-block: 24px;}
}
@media(prefers-reduced-motion: reduce) { html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] {scroll-behavior: auto;} }

/* A normalized article shell spans both columns of older page grids. */
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .layout > .ovl-article-shell {grid-column: 1 / -1; min-width: 0;}
/* Breadcrumb links remain identifiable independently of the surrounding color. */
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] :is(.breadcrumbs-ui,.breadcrumbs,.breadcrumb) a {text-decoration: underline!important; text-underline-offset: .14em;}
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .comparison-definition a {color: #e5b8fc!important; text-decoration: underline!important; text-underline-offset: .14em;}
/* Retire legacy inline block layouts so the open desktop TOC stays beside the article. */
html[data-ovl-ds][data-ovl-family][data-ovl-archetype][data-buyer-page] .article-layout[data-ovl-article-layout="with-toc"] {display: grid!important; max-width: none!important;}
