/* Self-hosted fonts. Latin subset only, served from our own origin so there is
   no third-party DNS lookup, TLS handshake or round-trip in the critical path.
   Montserrat is a variable font: one file covers 600-800. Lato 900 is not
   downloaded because nothing uses it. */
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/lato-400.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/lato-700.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600 800;font-display:swap;
  src:url("fonts/montserrat-var.woff2") format("woff2-variations")}

/* Femzen base typography.
   Montserrat carries headlines and chips, Lato carries reading text.
   Both are self-hosted once Blocksy's local-google-fonts extension is on;
   until then they come from Google with display:swap so text paints immediately. */
:root{
  --fz-display:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fz-ui:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fz-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
body{font-family:var(--fz-ui);font-size:15.5px;line-height:1.6}
h1,h2,h3,h4,h5,.entry-title{font-family:var(--fz-display);font-weight:800;
  letter-spacing:-.02em;text-wrap:balance}
h1{line-height:1.05}
h2,h3{line-height:1.14}
.fzc__score b,.fzc__price,.fzc__bar em,.fzc__table td{font-family:var(--fz-mono)}
.fzc__top h3,.fzc__btn,.fzc__bestfor b,.fzc__bestfor h4{font-family:var(--fz-display)}