@charset "utf-8";
/* refresh.css — added by the site refresh; NOT part of the recovered archive.
   Delete this file and re-run extract to revert every visual change. */
.rd-cta{display:inline-block;background:#c09e56;color:#fff !important;font-family:Poppins,Lato,sans-serif;
font-weight:700;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;padding:1.1rem 1.8rem;
border-radius:3px;text-decoration:none !important;line-height:1;white-space:nowrap;border:none;cursor:pointer;
-webkit-transition:background .18s ease;transition:background .18s ease}
.rd-cta:hover,.rd-cta:focus{background:#b89345;color:#fff !important}
.rd-cta--lg{font-size:1.6rem;padding:1.6rem 3.2rem}
.rd-cta--block{display:block;width:100%;text-align:center}
.header__cta{margin:0 .8rem 0 auto;font-size:1.1rem;padding:.85rem 1.1rem;-ms-flex-item-align:center;align-self:center;-ms-flex-negative:0;flex-shrink:0}
@media screen and (min-width:550px){.header__cta{margin-right:1.4rem;font-size:1.3rem;padding:1.1rem 1.8rem}}
@media screen and (min-width:800px){.header__cta{margin-right:2rem;font-size:1.4rem;padding:1.2rem 2.2rem}}
/* The legal-page header wraps its rows and reserves the top-right corner for an
   absolutely-positioned menu button, so the CTA lands on a second row flush against the
   header's bottom edge. Centre it there with room to breathe instead. */
.header:not(.header--blog) .header__cta{margin:.4rem auto 1.4rem}
@media screen and (min-width:800px){.header:not(.header--blog) .header__cta{margin:0 5rem 0 auto}}

/* The archive captured FontAwesome Pro's stylesheet but never its webfonts, so every
   nav icon renders as a tofu box. The labels already carry the meaning; hiding the
   icons is the only fix that neither ships a font we do not license nor changes the
   functional icons (cookie-banner close, form errors) elsewhere on the page. */
.header__nav-list-item-link-icon,.header-nav__list-item-link-icon,
.aside__feed-title-icon{display:none !important}
/* The rest are controls, not decoration — hiding the glyph alone would leave an
   invisible button. Hide the dead icon and draw a plain Unicode replacement. */
.cookie-policy-banner__btn--hide-icon i,.cookie-policy-banner__btn--close-icon i,
.modal__close-btn i,.header__btn-icon i{display:none !important}
.cookie-policy-banner__btn--hide-icon:after,.cookie-policy-banner__btn--close-icon:after,
.modal__close-btn:after{content:"×";font-family:Arial,Helvetica,sans-serif;font-size:2.2rem;line-height:1}
.header__btn-icon:after{content:"☰";font-family:Arial,Helvetica,sans-serif;font-size:2.6rem;line-height:1}

/* In-content conversion block, used by the money pages and the fresh articles. */
.rd-offer{margin:3.5rem 0;padding:2.8rem 2.4rem;border:1px solid #e6e0d2;border-left:4px solid #c09e56;
background:#fbf9f4;border-radius:3px}
.rd-offer__title{font-family:'Roboto Slab',Georgia,serif;font-size:2.1rem;line-height:1.3;margin:0 0 1rem;color:#212124}
.rd-offer__text{font-size:1.5rem;line-height:1.65;margin:0 0 2rem;color:#4a4a4f}
.rd-offer__note{font-size:1.2rem;line-height:1.5;margin:1.4rem 0 0;color:#77777d}

/* /start — the form card. The partner widget is injected by /f.js into #r-form. */
.rd-start{padding:4rem 0 6rem}
.rd-start__head{text-align:center;margin-bottom:3rem}
.rd-start__head .rd-start__title{font-family:'Roboto Slab',Georgia,serif;font-size:2.8rem;font-weight:700;line-height:1.25;margin:0 0 1rem;color:#212124;text-transform:none;letter-spacing:-.01em}
.rd-start__sub{font-size:1.6rem;color:#5a5a60;margin:0}
.rd-start__card{max-width:64rem;margin:0 auto;background:#fff;border:1px solid #e6e0d2;border-radius:4px;
padding:2.4rem 2rem;-webkit-box-shadow:0 2px 14px rgba(0,0,0,.06);box-shadow:0 2px 14px rgba(0,0,0,.06);min-height:32rem}
.rd-start__trust{max-width:64rem;margin:2rem auto 0;text-align:center;font-size:1.25rem;color:#77777d;line-height:1.6}
.rd-start__steps{max-width:64rem;margin:3.5rem auto 0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;
display:flex;-ms-flex-flow:wrap;flex-flow:wrap}
.rd-start__step{-webkit-box-flex:1;-ms-flex:1 1 20rem;flex:1 1 20rem;padding:0 1.2rem 1.6rem}
.rd-start__step-n{display:inline-block;width:2.8rem;height:2.8rem;line-height:2.8rem;text-align:center;border-radius:50%;
background:#0093cf;color:#fff;font-weight:700;font-size:1.4rem;margin-bottom:1rem}
.rd-start__step-t{font-weight:700;font-size:1.5rem;margin:0 0 .6rem;color:#212124}
.rd-start__step-p{font-size:1.4rem;line-height:1.6;margin:0;color:#5a5a60}
@media screen and (min-width:800px){.rd-start__head .rd-start__title{font-size:3.6rem}}

/* The theme styles .article__title and <strong>, but never h2/h3 inside an article —
   the archive's posts fake subheads with <h3><strong>. A real h2 therefore renders at
   body size and weight. New pages use real headings, so the theme needs the rules it
   never had. */
.blog-page .article__content h2{font-family:'Roboto Slab',Georgia,serif;font-size:2.4rem;
font-weight:700;line-height:1.3;color:#212124;margin:4rem 0 1.4rem}
.blog-page .article__content h3{font-family:'Roboto Slab',Georgia,serif;font-size:1.9rem;
font-weight:700;line-height:1.35;color:#212124;margin:2.8rem 0 1rem}
.blog-page .article__content h2:first-child,.blog-page .article__content h3:first-child{margin-top:0}
@media screen and (min-width:800px){.blog-page .article__content h2{font-size:2.8rem}
.blog-page .article__content h3{font-size:2.1rem}}

/* Money pages have no sidebar, so the article column would sit hard left in a row sized
   for one. Centre it instead of stretching it — 819px is already a full reading measure. */
.blog-page .article-page__content > .rd-page{margin-left:auto;margin-right:auto}
.rd-page__lead{font-size:1.75rem;line-height:1.6;color:#3d3d42}
.article__content h1.article__title{font-family:'Roboto Slab',Georgia,serif;font-size:2.6rem;font-weight:700;line-height:1.2;margin:0 0 2rem;color:#212124}
@media screen and (min-width:800px){.article__content h1.article__title{font-size:3.4rem}}
.rd-table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:1.45rem}
.rd-table th,.rd-table td{border:1px solid #e6e0d2;padding:1rem 1.2rem;text-align:left;vertical-align:top}
.rd-table th{background:#fbf9f4;font-weight:700}
.rd-faq{margin:3rem 0 0}
.rd-faq__q{font-weight:700;font-size:1.6rem;margin:2.2rem 0 .8rem;color:#212124}
.rd-faq__a{font-size:1.5rem;line-height:1.65;margin:0;color:#4a4a4f}