/* SurveyVerdict responsive layout and surface system. */
:root{
  --sv-page-bg:#f7f7fa;
  --sv-hero-bg:#f2f1f7;
  --sv-surface:#fff;
  --sv-text:#4b4b52;
  --sv-heading:#2d2a3d;
  --sv-primary:#4d4774;
  --sv-primary-hover:#5f23bc;
  --sv-accent:#2bbbb3;
  --sv-muted:#707571;
  --sv-border:rgba(77,71,116,.11);
  --sv-shadow:0 4px 16px rgba(45,42,61,.05);
  --sv-shadow-hover:0 8px 24px rgba(45,42,61,.09);
  --sv-radius:10px;
  --sv-layout-width:1440px;
}

html{max-width:100%;overflow-x:clip}
body{max-width:100%;background:var(--sv-page-bg);color:var(--sv-text)}
img,video,iframe{max-width:100%}
#page-container,#et-main-area,#main-content{background-color:var(--sv-page-bg)}
#main-header{
  border-bottom:1px solid rgba(77,71,116,.1);
  background:#fff;
  box-shadow:none;
}
#main-header.et-fixed-header{
  box-shadow:0 6px 18px rgba(45,42,61,.07)!important;
}
#top-menu>li>a,
.et_mobile_menu>li>a{
  color:var(--sv-primary);
  font-weight:700;
}
#top-menu>li>a:hover,
.et_mobile_menu>li>a:hover{color:var(--sv-primary-hover)}
#top-menu-nav>ul>li>a:hover{opacity:1}
#et_search_icon:before,
.mobile_menu_bar:before{color:var(--sv-accent)}
.et_mobile_menu{
  border-top:3px solid var(--sv-accent);
  border-radius:0 0 8px 8px;
  background:#fff;
  box-shadow:0 12px 28px rgba(45,42,61,.12);
}
#main-content a{color:var(--sv-primary)}
#main-content a:hover,
#main-content a:focus{color:var(--sv-primary-hover)}
#main-content a:focus-visible,
#top-menu a:focus-visible{
  outline:2px solid var(--sv-primary-hover);
  outline-offset:3px;
}
.container,.et_pb_row{
  width:min(92vw,var(--sv-layout-width));
  max-width:var(--sv-layout-width);
  margin-inline:auto;
}
#main-content>.container{padding-bottom:clamp(48px,5vw,80px)}

/* Static WordPress pages do not include the sidebar represented by Divi's
   original 79.125% content calculation. Reclaim that unused column. */
.single #left-area,
.page-template-default #left-area,
.archive #left-area{
  float:none;
  width:100%;
  padding-right:0;
}
.single #main-content>.container:before,
.page-template-default #main-content>.container:before,
.archive #main-content>.container:before{display:none}

/* Long-form pages keep a deliberate reading measure inside the wider grid. */
.single #left-area>article,
.page-template-default #left-area>article{
  width:min(100%,1040px);
  margin-inline:auto;
  padding:clamp(24px,3.4vw,48px);
  border:1px solid var(--sv-border);
  border-radius:var(--sv-radius);
  background:var(--sv-surface);
  box-shadow:var(--sv-shadow);
}
.single h1.entry-title,
.page-template-default h1.entry-title{
  color:var(--sv-heading);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(32px,2.3vw,44px);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.18;
}
.single .entry-content,
.page-template-default .entry-content{
  font-size:clamp(16px,calc(15px + .16vw),18px);
  line-height:1.78;
}
.single .entry-content img,
.page-template-default .entry-content img{height:auto}

/* Standard archive/blog listings use restrained white surfaces. */
.archive #left-area{max-width:1120px;margin-inline:auto}
.archive #left-area>.et_pb_post{
  margin-bottom:28px;
  padding:clamp(22px,2.5vw,34px);
  border:1px solid var(--sv-border);
  border-radius:var(--sv-radius);
  background:var(--sv-surface);
  box-shadow:var(--sv-shadow);
  transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease;
}
.archive #left-area>.et_pb_post .entry-title{
  color:var(--sv-heading);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(22px,1.35vw,27px);
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.3;
}
.archive #left-area>.et_pb_post .entry-title a{color:inherit}
.archive #left-area>.et_pb_post img{
  width:100%;
  height:auto;
  border-radius:8px;
}

/* Make Money and Save Money category layouts. */
.sv-category-page{
  background:linear-gradient(180deg,var(--sv-hero-bg) 0,var(--sv-page-bg) 300px);
}
.local-section-wrapper{
  width:min(92vw,var(--sv-layout-width));
  margin-inline:auto;
  padding:0 0 clamp(64px,6vw,92px);
}
.local-section-header{
  max-width:840px;
  margin:0 0 clamp(30px,3vw,44px);
  padding:clamp(40px,4vw,62px) 0 0;
}
.local-section-header h1{
  margin:0 0 14px;
  color:var(--sv-heading);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(34px,2.5vw,44px);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.15;
}
.local-section-header p{
  margin:0;
  color:var(--sv-text);
  font-size:clamp(17px,1.1vw,19px);
  line-height:1.7;
}
.local-section-grid,
.article-grid,
.category-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,2vw,32px);
  align-items:stretch;
}
.local-section-card{
  display:flex;
  height:100%;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--sv-border);
  border-radius:var(--sv-radius);
  background:var(--sv-surface);
  box-shadow:var(--sv-shadow);
  transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease;
}
.local-card-media,
.article-card__media{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  background:#eeedf4;
}
.local-card-image,
.article-card__media img,
.article-card__image{
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:0;
}
.local-section-card>p{
  margin:0 clamp(21px,1.7vw,26px) 20px;
  padding:0;
}
.local-section-card>.local-read-more{
  margin:auto clamp(21px,1.7vw,26px) clamp(21px,1.7vw,26px);
}
.article-card__content,
.category-card__content{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
}
.article-card__content{padding:clamp(21px,1.7vw,26px)}
.category-card{
  min-height:210px;
  padding:clamp(21px,1.7vw,26px);
  border-top:3px solid var(--sv-accent);
}
.local-section-card h2{
  display:-webkit-box;
  overflow:hidden;
  padding:0;
  color:var(--sv-heading);
  font-size:clamp(21px,1.35vw,24px);
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.local-section-card>h2{
  margin:clamp(21px,1.7vw,26px) clamp(21px,1.7vw,26px) 12px;
}
.article-card__content h2,
.category-card__content h2{margin:0 0 12px}
.local-section-card h2 a{color:inherit}
.local-section-card p{
  display:-webkit-box;
  overflow:hidden;
  color:var(--sv-text);
  font-size:16px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.article-card__content p,
.category-card__content p{margin:0 0 20px;padding:0}
.local-read-more{
  display:inline-block;
  align-self:flex-start;
  margin-top:auto;
  color:var(--sv-primary);
  font-weight:700;
}
.save-money-topics{
  margin-top:clamp(48px,5vw,68px);
  padding-top:clamp(38px,4vw,52px);
  border-top:1px solid var(--sv-border);
}
.save-money-topics__header{max-width:740px;margin-bottom:28px}
.save-money-topics__header h2{
  margin:0 0 10px;
  color:var(--sv-heading);
  font-size:clamp(27px,2vw,32px);
  line-height:1.25;
}
.save-money-topics__header p{margin:0;font-size:17px;line-height:1.65}

@media (min-width:720px){
  .local-section-grid,
  .article-grid,
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
  .local-section-grid,
  .article-grid,
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:981px){
  /* Divi shortens only the navigation padding after scroll while the logo keeps
     its full size. Keep one stable header rhythm so the logo stays contained
     and the active indicator remains below the label in both states. */
  .et_header_style_left #main-header.et-fixed-header #et-top-navigation{
    padding-top:24px!important;
  }
  .et_header_style_left #main-header.et-fixed-header #et-top-navigation nav>ul>li>a{
    padding-bottom:33px!important;
  }
  #top-menu>li>a:after{
    position:absolute;
    right:0;
    bottom:25px;
    left:0;
    height:2px;
    border-radius:999px;
    background:var(--sv-accent);
    content:"";
    transform:scaleX(0);
    transform-origin:center;
    transition:transform 180ms ease;
  }
  #top-menu>li>a:hover:after,
  #top-menu>li>a.nav-current:after{transform:scaleX(1)}
}
@media (hover:hover) and (pointer:fine){
  .local-section-card:hover,
  .archive #left-area>.et_pb_post:hover{
    transform:translateY(-2px);
    border-color:rgba(77,71,116,.2);
    box-shadow:var(--sv-shadow-hover);
  }
}
@media (max-width:767px){
  #main-content>.container{padding-top:38px}
  .single #left-area>article,
  .page-template-default #left-area>article{padding:22px}
  .archive #left-area>.et_pb_post{margin-bottom:22px;padding:22px}
  .local-section-wrapper{width:min(92vw,var(--sv-layout-width))}
  .local-section-header{padding-top:38px}
  .category-card{min-height:185px}
}
@media (prefers-reduced-motion:reduce){
  .local-section-card,
  .archive #left-area>.et_pb_post,
  #top-menu>li>a:after{transition:none}
}

/* SurveyVerdict trust, disclosure and review pages. */
.sv-footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:0 0 12px;padding:0}
#main-footer,#footer-bottom{background:#171323}
.sv-footer-links a{color:#d7d5e4;font-size:13px;line-height:1.5}
.sv-footer-links a:hover,.sv-footer-links a:focus{color:#fff}
#footer-info.sv-footer-info{float:none;text-align:center;padding-bottom:0;color:#aaa6bf}
.sv-page{max-width:920px;margin:0 auto;color:var(--sv-text)}
body.sv-trust-page #left-area{width:100%;padding-right:0}
body.sv-trust-page #main-content .container:before{display:none}
.sv-page>p,.sv-page>ul,.sv-page>ol{font-size:16px;line-height:1.82}
.sv-page h2{margin-top:38px;padding-top:2px;color:var(--sv-heading);font-size:27px;line-height:1.3}
.sv-page h3{margin-top:26px;color:var(--sv-heading);font-size:20px}
.sv-page a{overflow-wrap:anywhere}
.sv-updated{margin:0 0 22px;color:var(--sv-muted);font-size:14px}
.sv-lead{font-size:18px!important;line-height:1.75!important;color:var(--sv-text)}
.sv-hero{margin:0 0 28px;padding:30px;border:1px solid var(--sv-border);border-radius:10px;background:linear-gradient(135deg,var(--sv-hero-bg),#ffffff 68%);box-shadow:var(--sv-shadow)}
.sv-hero-kicker{margin:0 0 8px;color:var(--sv-primary);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sv-hero h2{margin:0 0 12px;padding:0;font-size:30px}
.sv-hero p:last-child{margin-bottom:0}
.sv-disclosure{margin:22px 0;padding:17px 20px;border-left:4px solid var(--sv-accent);background:#f3f1f8;color:var(--sv-text)}
.sv-disclosure strong{color:var(--sv-primary)}
.sv-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 32px}
.sv-summary div{padding:17px 18px;border:1px solid var(--sv-border);border-radius:8px;background:#fff}
.sv-summary strong{display:block;margin-bottom:4px;color:var(--sv-heading)}
.sv-callout{margin:26px 0;padding:20px 22px;border:1px solid var(--sv-border);border-radius:8px;background:#f7f6fa}
.sv-callout p:last-child{margin-bottom:0}
.sv-table-wrap{overflow-x:auto;margin:20px 0 30px}
.sv-table{width:100%;border-collapse:collapse;background:#fff}
.sv-table th,.sv-table td{padding:13px 15px;border:1px solid var(--sv-border);text-align:left;vertical-align:top}
.sv-table th{background:#f0eff6;color:var(--sv-heading)}
.sv-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 30px}
.sv-pros-cons section{padding:21px;border:1px solid var(--sv-border);border-radius:8px;background:#fff}
.sv-pros-cons h3{margin:0 0 12px}
.sv-pros-cons li{margin-bottom:8px}
.sv-cta{margin:32px 0;padding:26px;border-radius:10px;background:var(--sv-primary);color:#fff;text-align:center}
.sv-cta h2{margin:0 0 10px;padding:0;color:#fff}
.sv-cta p{color:#ebe9f3}
.sv-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.sv-button{display:inline-block;padding:12px 19px;border-radius:5px;background:var(--sv-primary-hover);color:#fff!important;font-weight:700;text-decoration:none!important}
.sv-button:hover,.sv-button:focus{background:#4d1b99}
.sv-button-secondary{border:1px solid #b8b2d5;background:transparent}
.sv-button-secondary:hover,.sv-button-secondary:focus{background:rgba(255,255,255,.1)}
.sv-small{font-size:13px!important;line-height:1.6!important;color:var(--sv-muted)}
.sv-source-list li{margin-bottom:10px}
.sv-contact-card{margin:22px 0;padding:24px;border:1px solid var(--sv-border);border-radius:9px;background:#f7f6fa}
.sv-contact-card a{font-weight:700}
.sv-featured-review{margin:20px 0 28px;padding:17px 20px;border-left:4px solid var(--sv-accent);background:#f3f1f8}
.sv-featured-review p{margin:0}
.sv-featured-review a{font-weight:700}
@media(max-width:767px){
  .sv-summary,.sv-pros-cons{grid-template-columns:1fr}
  .sv-hero{padding:22px}
  .sv-hero h2{font-size:25px}
  .sv-page h2{font-size:23px}
  .sv-footer-links{gap:7px 13px}
}


/* Local photographic article covers. */
img.sv-real-cover{max-width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}


/* Current primary navigation section. */
#top-menu>li>a.nav-current,.et_mobile_menu>li>a.nav-current{color:var(--sv-primary-hover)!important}
