/* Added to the legal pages on the marketing site only (after mobile/public/pages.css, which stays their one style):
   the logo becomes a link home with the app icon and the landing page's wordmark, a row of site links sits under it,
   and the footer lists every site page in both languages. scripts/build-site.mjs inserts the markup. */
@font-face{font-family:"Fredoka";font-weight:600;src:url(/assets/fredoka-600.90ba5fc8f1.woff) format("woff");font-display:swap}
a.logo{display:inline-flex;align-items:center;gap:8px;letter-spacing:0}
a.logo img{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 0 rgba(54,85,121,.16)}
a.logo span{font:600 26px/1 "Fredoka",sans-serif;letter-spacing:-.02em;color:#5f72d8;-webkit-text-stroke:6px #fff;paint-order:stroke fill}
a.logo b{color:#e8558f;font-weight:600}
a.logo:focus-visible,.langs a:focus-visible,.site-nav a:focus-visible,.site-foot a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:10px}
.site-nav{display:flex;flex-wrap:wrap;gap:0 16px;margin:-8px 4px 10px}
.site-nav a{padding:10px 0;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}
.site-nav a[aria-current]{color:#d4577f;text-decoration:underline;text-underline-offset:4px}
.site-foot{margin-top:24px;text-align:center;font-size:13px;color:var(--soft)}
.site-foot ul{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}
.site-foot li{margin:0}
.site-foot a{display:inline-block;padding:11px 2px;line-height:22px;color:var(--ink);font-weight:800}
.langs a{white-space:nowrap}
@media (max-width:359px){ a.logo span{display:none} } /* the icon stays; the wordmark would push the language pills */