/* Design C (Lee's Figma export, design-import/figma/styles.css) applied to the live marriage-check copy.
   Fonts are self-hosted (SIL OFL 1.1, licence files in ../fonts/). Latin subset only. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/librebaskerville-latin.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/librebaskerville-italic-latin.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/roboto-latin.woff2) format('woff2')}

:root{--ink:#132630;--cream:#fbf9f2;--card:#f2ede0;--copper:#c78a47;--body:#1b2b29;--edge:#ad4d2e}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--body);font:16px/1.45 Roboto,Arial,sans-serif}
img{max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ecaa65;outline-offset:3px}
.main-copy p a{color:#1d4f7a}

/* Masthead */
.masthead{background:var(--ink);color:#fff;border-top:2px solid var(--copper);border-bottom:2px solid var(--copper)}
.masthead-inner{max-width:1110px;margin:auto;text-align:center;padding:12px 18px 24px;position:relative}
.masthead-inner:after{content:"";position:absolute;bottom:12px;left:18px;right:18px;height:2px;background:var(--copper)}
/* ADVERTISEMENT: design's position and style; size raised so it is no smaller than live's label (11px) and larger than the kicker */
.ad-label{display:block;font:700 13px/1.2 Roboto,Arial,sans-serif;letter-spacing:.08em;text-align:right;color:#fff}
.brand-line{display:flex;align-items:center;justify-content:center;gap:75px;text-decoration:none;color:#fff}
.brand-line:before,.brand-line:after{content:"";display:block;width:20px;height:20px;background:var(--copper);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.brand{display:flex;flex-direction:column;line-height:1.2}
.brand strong{font:700 42px 'Libre Baskerville',Georgia,serif}
.brand span{font:600 18px Inter,Arial,sans-serif;color:#edc294;letter-spacing:.07em}
.strapline{font:10px Inter,Arial,sans-serif;letter-spacing:.06em;margin:9px 0 0}

/* Page */
.page{max-width:1110px;margin:auto;padding:20px 0 30px}
.kicker{border-top:2px solid var(--copper);padding-top:12px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.06em;color:#a45134}
h1,h2{font-family:'Libre Baskerville',Georgia,serif;color:var(--ink);line-height:1.2}
h1{font-size:39px;max-width:1070px;margin:20px 0 16px}
.show-for-small-only{display:none}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 25px;color:#616b63;font:600 11px Inter,Arial,sans-serif}
.byline .author-portrait{width:38px;height:38px;border-radius:50%;object-fit:cover}
.byline sup{font-size:.75em;line-height:0}
.byline .dot:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#616b63;vertical-align:middle;margin-right:9px}
.byline-mob{display:none}

.hero-grid{display:grid;grid-template-columns:minmax(0,620px) minmax(0,355px);gap:34px;align-items:start}
.hero-photo{width:100%;height:auto;max-height:416px;object-fit:cover;display:block;padding:4px;background:#fff;border:1px solid #d9d3c3}
.fee-box{background:#f0f2e8;border:1px solid var(--copper);border-radius:3px;padding:14px 16px;font-size:14px;margin-top:16px}
.fee-box p{margin:0}
.hero-aside{text-align:center}

.cta-box{background:var(--card);border:1px solid var(--copper);padding:16px;margin:24px 0}
.cta-box h2{background:var(--ink);color:#fff;font:700 18px/1.2 Roboto,Arial,sans-serif;text-align:center;margin:0 0 12px;padding:12px}
.cta-box.compact{margin:0;padding:12px}
.cta-box h2 a{display:block;color:inherit;text-decoration:none}
.compact h2{font-size:16px}
.choices{display:flex;flex-direction:column;align-items:center;gap:8px}
.cta-button{display:block;background:var(--ink);color:#fff;border:1px solid var(--edge);border-radius:2px;text-align:center;text-decoration:none;font:700 15px/1.2 Roboto,Arial,sans-serif;padding:13px 22px;min-width:min(100%,380px);transition:background .15s}
.cta-button,.cta-button:link,.cta-button:visited,.cta-button:hover,.cta-button:focus,.cta-button:active,.cta-button strong{color:#fff}
.cta-button:hover{background:#244657}
.compact .cta-button{min-width:0;font-size:14px}
.years .cta-button{min-width:min(100%,400px)}

.arrow{display:block;width:108px;height:120px;object-fit:contain;margin:18px auto 4px}
.review{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:14px;color:#133e38}
.review p{margin:8px 0}
.review .reviewer{display:block;margin:0;font:15px Roboto,Arial,sans-serif;font-style:normal;color:var(--body)}
/* Trustpilot graphic: unaltered image on a small white card (border as the design's boxes) */
.review img{display:block;box-sizing:content-box;width:294px;max-width:calc(95% - 18px);height:auto;margin:16px auto 4px;padding:8px;background:#fff;border:1px solid var(--copper);border-radius:3px}
.review .caption{font:11px Roboto,Arial,sans-serif;font-style:normal;color:var(--body)}

.lead-heading{font-size:31px;margin:24px 0 10px}
.main-copy>p,.editorial-section p{margin:0 0 14px}
.editorial-section{border-top:1px solid #d9d3c3;padding-top:12px;margin-top:24px}
.editorial-section h2{font-size:30px;margin:0 0 12px}
.brand-banner{display:block;width:min(645px,100%);margin:28px auto}
.brand-banner img{width:100%;height:auto;display:block}

/* Footer */
.footer{background:var(--ink);border-top:3px solid var(--copper);border-bottom:3px solid var(--copper);color:#e9eeec}
.footer-inner{max-width:1170px;margin:auto;padding:30px 18px;font:14px/1.4 Roboto,Arial,sans-serif}
.footer p{margin:0 0 18px}
.footer p:last-child{margin:0}
.footer a{color:#e4f1f9;text-decoration:underline}

@media(min-width:721px){.hero-grid{grid-template-columns:minmax(0,620px) minmax(0,355px) 1fr;row-gap:20px}.hero-grid>div:first-child{display:contents}.hero-photo{grid-column:1;grid-row:1}.hero-aside{grid-column:2;grid-row:1}.fee-box{grid-column:1/-1;grid-row:2;margin-top:0}}
@media(max-width:1150px){.page{padding-left:18px;padding-right:18px}}
@media(max-width:720px){
  body{font-size:13px;line-height:1.35}
  .masthead-inner{padding:8px 18px 27px}
  .masthead-inner:after{bottom:10px}
  .ad-label{text-align:center;font-size:11px}
  .brand-line{gap:36px;margin-top:10px}
  .brand-line:before,.brand-line:after{width:16px;height:16px}
  .brand strong{font-size:30px}
  .brand span{font-size:14px}
  .strapline{font-size:8px}
  .page{padding:14px 18px 24px}
  .kicker{font-size:9px;padding-top:9px}
  h1{font-size:21.5px;line-height:1.19;margin:14px 0 16px}
  .show-for-small-only{display:inline}
  .byline-desk{display:none}
  .byline-mob{display:flex;font-size:10px;margin-bottom:22px}
  .byline .author-portrait{width:28px;height:28px}
  .hero-grid{display:flex;flex-direction:column;gap:16px}
  .hero-grid>div,.hero-aside{width:100%}
  .hero-photo{max-height:none;aspect-ratio:354/240}
  .fee-box{font-size:12px;padding:11px;margin-top:16px}
  .cta-box{padding:15px;margin:20px 0}
  .cta-box h2{font-size:14px;padding:14px;margin-bottom:14px}
  .cta-button{width:100%;min-width:0;font-size:12px;padding:12px 8px}
  .compact .cta-button{font-size:12px}
  .years .cta-button{min-width:0}
  .review{font-size:12px}
  .review img{max-width:min(300px,calc(95% - 18px))}
  .lead-heading{font-size:19px;line-height:1.22;margin:24px 0 12px}
  .editorial-section{margin-top:22px;padding-top:12px}
  .editorial-section h2{font-size:19px;line-height:1.2;margin-bottom:12px}
  .footer-inner{padding:25px 18px;font-size:11px;line-height:1.4}
  .footer p{margin-bottom:20px}
  .brand-banner{margin:24px auto 8px}
}