/* GoAus shared bits (7 Nov): the one top bar every public page uses (.gx-top) and the store buttons (.stores).
   Self-contained: it carries its own colours so it looks the same on pages with different stylesheets. */
.gx-top{--gx-bg:#F6F3EF;--gx-ink:#1B1614;--gx-mut:#6B625D;--gx-line:rgba(27,22,20,.14);--gx-acc:#B8341B;
  position:sticky;top:0;z-index:60;background:var(--gx-bg);color:var(--gx-ink);border-bottom:1px solid var(--gx-line);
  font:600 14px/1.2 "Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){.gx-top{--gx-bg:#131110;--gx-ink:#F4EFEC;--gx-mut:#A99F99;--gx-line:rgba(244,239,236,.14);--gx-acc:#FF8A63}}
@supports (backdrop-filter:blur(1px)){.gx-top{background:color-mix(in srgb,var(--gx-bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}
.gx-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}
.gx-top *{box-sizing:border-box}
.gx-top a{text-decoration:none;color:inherit;font-weight:600}
.gx-brand{display:inline-flex;align-items:center;gap:9px;font:700 20px/1 "Bricolage","Jakarta",system-ui,sans-serif!important;letter-spacing:-.03em;color:var(--gx-ink)!important;min-height:44px}
.gx-brand img{width:32px;height:32px;border-radius:8px;display:block}
.gx-nav{display:flex;align-items:center;gap:2px}
.gx-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--gx-mut);border-radius:99px}
.gx-nav a:hover,.gx-nav a[aria-current]{color:var(--gx-ink)}
.gx-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--gx-acc);border-radius:0}
.gx-nav .gx-btn{margin-left:4px;padding:0 15px;min-height:40px;background:var(--gx-ink);color:var(--gx-bg);font-weight:700}
.gx-nav .gx-btn:hover{color:var(--gx-bg);filter:brightness(1.15)}
@media (max-width:420px){.gx-in{padding-inline:12px}.gx-brand span{font-size:18px}.gx-brand img{width:28px;height:28px}.gx-nav a{padding:0 7px;font-size:13px}.gx-nav .gx-btn{padding:0 11px}}
.gx-desk{display:none!important}
@media (min-width:900px){.gx-desk{display:inline-flex!important}}

/* store buttons: the real Google Play badge (unaltered, with clear space around it) and our own "coming soon" button
   (deliberately not Apple's badge: the app is not on the App Store yet). */
.stores{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:24px 0 0}
.store{display:inline-flex;align-items:center;height:56px;border-radius:9px;text-decoration:none}
.store-play img{display:block;height:56px;width:auto}
.store-play:focus-visible{outline:3px solid #ffb01c;outline-offset:3px}
.store-ios{gap:11px;padding:0 20px 0 16px;background:#000;color:#fff;box-shadow:inset 0 0 0 1px #a6a6a6;cursor:default;text-align:left;min-width:188px}
.store-ios svg{width:26px;height:26px;flex:none}
.store-ios span{display:flex;flex-direction:column;line-height:1.1}
.store-ios small{font:500 11px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em;opacity:.85}
.store-ios b{font:600 23px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.01em}
html[data-os="ios"] .store-ios{order:-1}
html[data-os="android"] .store-play{order:-1}
@media (prefers-color-scheme:dark){.store-ios{box-shadow:inset 0 0 0 1px #8a8a8a}}
.desk-only{display:none!important}
@media (min-width:900px){.desk-only{display:inline-flex!important}}
.nav-desk{display:none}
@media (min-width:900px){.nav-desk{display:inline-block}}
.hero .soon.desk-only{margin-top:14px}
@media (max-width:420px){.stores{gap:10px;flex-wrap:nowrap}.store{height:48px}.store-play img{height:48px}.store-ios{min-width:0;gap:8px;padding:0 12px 0 10px}.store-ios svg{width:22px;height:22px}.store-ios small{font-size:9.5px}.store-ios b{font-size:19px}}
