/* Existing repository fonts; no remote font requests. */
@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--sans:Barlow,Arial,Helvetica,sans-serif;--mono:Barlow,Arial,Helvetica,sans-serif}
/* The store badges are Apple's and Google's artwork, unaltered (store-badges.test.js). One height
   drives both: Google's PNG carries its required clear space inside the file (250px tall, 168px
   of artwork), so it is drawn 1.4881x taller to show the same artwork height as Apple's. */
.stores{--badge-art-height:58px;align-items:center}
.download .stores{--badge-art-height:50px}
.stores .store-badge{display:inline-flex;align-items:center;flex:none;min-height:48px}
.stores .store-badge img{display:block;height:var(--badge-art-height);width:auto;max-width:none}
.stores .store-badge.play img{height:calc(var(--badge-art-height)*1.4881)}
@media(max-width:850px){.stores{--badge-art-height:48px}}
@media(max-width:380px){.stores,.download .stores{--badge-art-height:44px}}
/* Desktop only: a QR code to put the app on the phone in your pocket. */
.qr-cards{display:none;margin-top:16px}
.qr-card{display:flex;align-items:center;gap:14px;background:var(--white);color:var(--navy);border-radius:12px;padding:12px 16px;max-width:320px}
.qr-card img{width:88px;height:88px;display:block}
.qr-card span{font-size:13px;line-height:1.35;color:var(--muted)}
.qr-card b{display:block;font-size:15px;color:var(--navy)}
@media(min-width:1024px){.qr-cards{display:block}}