/* Verdant Current: site chrome and editorial presentation.
   Ranking colour and layout remain with their modules; the final mobile rule
   below only raises very small card text to a readable size. */
body{background:#f7fbf5}
.notice{background:#0c2a26;color:#d7efe4;font-size:.74rem;padding:9px 20px}
.notice a{color:#d7ff68}
.site-header{max-width:none;background:#eff9f0;border-bottom:1px solid #cbded3;padding-left:max(28px,calc((100vw - 1174px)/2));padding-right:max(28px,calc((100vw - 1174px)/2));padding-top:22px;padding-bottom:22px}
.brand{font-size:1.5rem;font-weight:900;letter-spacing:-.085em;color:#0e302b}
.brand strong{color:#1f8d5d}
.navigation a{color:#0e302b;font-size:.83rem;font-weight:800}
.navigation a:hover,.navigation a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.navigation .menu{gap:1.55rem}
.breadcrumbs{color:#557365;padding-top:1.1rem;padding-bottom:1.1rem}
.breadcrumbs a{color:#285842}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#eff9f0;color:#0e302b;border-bottom:1px solid #cbded3}
.hero:after{content:"";position:absolute;z-index:-1;right:max(3vw,20px);top:50%;width:clamp(170px,24vw,330px);aspect-ratio:1;border-radius:50%;background:#d7ff68;transform:translateY(-50%);opacity:.9}
.ranking-hero{padding-block:clamp(45px,6vw,83px)}
.hero .wrap{position:relative;z-index:1}
.hero h1{max-width:850px;font-size:clamp(2.75rem,5vw,5rem);line-height:1.04;letter-spacing:-.075em;color:#0e302b}
.hero p:not(.eyebrow){max-width:760px;color:#44635a;line-height:1.7}
.hero .eyebrow{color:#276551}
.hero .page-meta span{border-color:#b9d6c3;color:#285842;background:#fff}
.editorial-content{padding-top:clamp(42px,5vw,72px);padding-bottom:clamp(65px,7vw,100px)}
.editorial-content>p,.editorial-content>ul,.editorial-content>ol{max-width:76ch;line-height:1.75;color:#314e43}
.editorial-content>h2{color:#0e302b;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.055em;margin-top:2.2em}
.editorial-content>h3{color:#0e302b;letter-spacing:-.035em}
.editorial-content>p a,.editorial-content>ul a,.editorial-content>ol a{text-underline-offset:4px}
.editorial-content>blockquote{background:#eff9f0;border-color:#2eaf68;border-radius:0 14px 14px 0}
.editorial-content>table{background:#fff}
.editorial-content>table th{background:#eaf7ed}
.site-footer{background:#0b2723;color:#c9e0d5;padding-top:56px;padding-bottom:56px}
.site-footer h2{color:#fff}
.site-footer a{color:#d7ff68}
.footer-about{border-color:#456257}
@media(max-width:900px){.hero:after{right:-95px;opacity:.5}.site-header{padding-inline:28px}}
@media(max-width:700px){.site-header{padding-inline:20px}.brand{font-size:1.3rem}.hero:after{width:170px;right:-85px;top:24%;opacity:.32}.ranking-hero{padding-block:46px}.hero h1{font-size:clamp(2.45rem,9vw,3.5rem)}.editorial-content{padding-top:34px}.editorial-content>h2{font-size:1.8rem}.site-footer{padding-top:42px;padding-bottom:42px}}
@media(max-width:700px){
  .wfs-rm-action .wfs-payment-methods__note,
  .wfs-prepared-content .wfs-prepared-rank .wfs-payment-methods__note{font-size:12px;line-height:1.4}
  .wfs-rm-label,
  .wfs-prepared-content .wfs-prepared-rank .card-head .label{font-size:11px}
  .wfs-rm-muted,.wfs-rm-review,.wfs-rm-ad-label,
  .wfs-prepared-content .wfs-prepared-rank .card-head .small{font-size:12px}
  .wfs-rm-action .wfs-rm-cta,
  .wfs-prepared-content .wfs-prepared-rank .wfs-prepared-cta{font-size:12px}
}
/* On phone-width viewports, the two-column card squeezes brand figures and
   payment explanations. Stack below 480px; preserve the right-aligned CTA. */
@media(max-width:479px){
  .wfs-rm .wfs-rm-card .wfs-rm-main,
  .wfs-rm .wfs-rm-card .wfs-rm-main--wide-payments{grid-template-columns:minmax(0,1fr);gap:10px}
  .wfs-rm .wfs-rm-card .wfs-rm-brand{grid-column:1;grid-row:1}
  .wfs-rm .wfs-rm-card .wfs-rm-offer{grid-column:1;grid-row:2;padding-left:0}
  .wfs-rm .wfs-rm-card .wfs-rm-action{grid-column:1;grid-row:3;text-align:right;max-width:none}
  .wfs-rm .wfs-rm-card .wfs-rm-action .wfs-rm-cta{max-width:140px;margin-left:auto}
  .wfs-rm .wfs-rm-card .wfs-rm-action .wfs-payment-methods--compact{justify-content:flex-end}
  .wfs-rm .wfs-rm-card .wfs-rm-action .wfs-payment-methods__note{text-align:left}
  .wfs-prepared-content .card.wfs-prepared-rank{grid-template-columns:minmax(0,1fr);column-gap:0}
  .wfs-prepared-content .wfs-prepared-rank .card-head{grid-column:1;grid-row:auto;padding:16px}
  .wfs-prepared-content .wfs-prepared-rank .wfs-prepared-action{grid-column:1;grid-row:auto;width:100%;padding:0 16px 16px;text-align:right}
  .wfs-prepared-content .wfs-prepared-rank .wfs-prepared-cta{max-width:140px;margin-left:auto}
  .wfs-prepared-content .wfs-prepared-rank .wfs-payment-methods--compact{justify-content:flex-end}
  .wfs-prepared-content .wfs-prepared-rank .wfs-payment-methods__note{text-align:left}
}
