/* Mathvelo: one serif (Lora) for the whole site. Math (STIX), code (JetBrains Mono), KaTeX and Arabic fonts are left alone. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Manrope";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"MvDisplay";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"MvDisplay";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Sora";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Plus Jakarta Sans";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Space Grotesk";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Barlow Semi Condensed";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Rajdhani";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
@font-face{font-family:"MvSerif";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-var.woff) format("woff")}
@font-face{font-family:"MvSerif";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/lora-italic-var.woff) format("woff")}
html{font-family:MvSerif,Georgia,"Times New Roman",serif}
:where(button,input,select,textarea){font-family:inherit}
#mvIns,#mvIns *,#mvDM,.mvfloat{font-family:MvSerif,Georgia,serif!important}

/* v2: crisper text, readable hub links, no stray card border on hub pages */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}
.sx-hbg i{animation:none!important}
article .sx-sec[data-s="1"]#ready,article .sx-sec[data-s="1"]#learn-guides{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
article .sx-sec[data-s="1"]#ready:after,article .sx-sec[data-s="1"]#learn-guides:after{display:none!important}
.sx-hero p a,.sx-lead a{color:var(--a1)}

/* v3: store buttons are live (APK / add to home screen), so no "Soon" badge */
.mv-sb[data-store]:not([data-live]):after{content:none!important;display:none!important}

/* v4: lighter sticky header (no backdrop blur) for smooth scrolling on low-end GPUs */
.sx-h{background:color-mix(in srgb,var(--card,#fff) 97%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* v5: calculators menu flows in columns (no tall empty gaps, much less scrolling) */
@media(min-width:620px){.mx.open .mxp,.mx:focus-within .mxp,.mx.open:hover .mxp{display:block!important;column-count:2;column-gap:28px}.mxp .mxc{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 16px}.mxp .mxa{column-span:all;display:block}}
@media(min-width:900px){.mx.open .mxp,.mx:focus-within .mxp,.mx.open:hover .mxp{column-count:3}}
@media(min-width:1180px){.mx.open .mxp,.mx:focus-within .mxp,.mx.open:hover .mxp{column-count:4}}

/* v6: header "All Calculators" / CTA keep their gradient and white text on hover; desktop hover menu uses the same columns */
.sx-nav .sx-new:hover,.sx-nav .sx-new:focus-visible,.sx-nav .sx-cta:hover,.sx-nav .sx-cta:focus-visible{background:linear-gradient(135deg,var(--a1),var(--a2))!important;color:#fff!important;filter:brightness(1.1);box-shadow:0 12px 24px -10px var(--glow)}
@media(min-width:1301px){.mx:hover .mxp{display:block!important;column-count:4;column-gap:28px}}