/* Share button and its menu, the same on every Gravita site. Uses the host page's colour tokens when present. */
.gshare-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px;border:1px solid var(--line,rgba(12,24,68,.16));border-radius:999px;background:transparent;color:var(--text,#0C1844);font:inherit;font-size:17px;font-weight:700;white-space:nowrap;cursor:pointer}
.gshare-btn:hover{border-color:var(--accent,#2A4BB0);color:var(--accent-text,#2A4BB0)}
.gshare-btn:focus-visible{outline:3px solid var(--focus,#2A4BB0);outline-offset:2px}
.gshare-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gshare-menu{position:fixed;z-index:120;min-width:200px;padding:6px;background:var(--surface,#fff);color:var(--text,#0C1844);border:1px solid var(--line,rgba(12,24,68,.16));border-radius:12px;box-shadow:0 2px 6px rgba(12,24,68,.08),0 12px 32px rgba(12,24,68,.16);display:flex;flex-direction:column}
.gshare-item{display:flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:16px;text-align:left;text-decoration:none;cursor:pointer}
.gshare-item:hover,.gshare-item:focus-visible{background:var(--surface-2,#F5F7FC);outline:none;color:var(--accent-text,#2A4BB0)}
/* gravitatech.com header: one button in the menu row on wide screens, one beside the menu button up to 960 px */
.share-narrow{display:none;margin-left:auto}
@media (max-width:960px){.share-narrow{display:inline-flex}.share-wide{display:none}}
/* between 961 and 1279 px the menu row is full: the button shows its icon only (its name is still read out) */
@media (min-width:961px) and (max-width:1279px){.share-wide{width:44px;padding:0;justify-content:center;gap:0;font-size:0}.share-wide svg{width:20px;height:20px}}
/* apps headers that also carry the "All apps" button: icon only up to 1499 px, so the menu stays on one line */
@media (min-width:961px) and (max-width:1499px){.site-header:has(.all-apps) .share-wide{width:44px;padding:0;justify-content:center;gap:0}.site-header:has(.all-apps) .share-wide .gshare-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* apps headers between 961 and 1199 px: "All apps" shows its arrow only (as on phones), so the menu fits; this also
   fixes the sideways scroll QR Generator and LookLook had at 1024 px before the Share button (found 31 Oct 2026) */
@media (min-width:961px) and (max-width:1199px){.site-header .all-apps{width:44px;flex:none;padding:0!important;justify-content:center}.site-header .all-apps span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* just above the phone menu (961 to 1099 px) the menu items sit 16 px apart instead of 24, so the icon still fits */
@media (min-width:961px) and (max-width:1099px){.site-header .nav,.site-header .nav ul{gap:16px}}
/* 961 to 1023 px: menu items 12 px apart and kept on one line ("Digital Life" broke in two at 961 px, found 31 Oct 2026) */
@media (min-width:961px) and (max-width:1023px){.site-header .nav,.site-header .nav ul{gap:12px}.site-header .nav li a{white-space:nowrap}}
@media (min-width:961px) and (max-width:1023px){.site-header:has(.all-apps) .nav,.site-header:has(.all-apps) .nav ul{gap:12px}.site-header:has(.all-apps) .wrap{gap:16px}}
@media (max-width:420px){.share-narrow{padding:4px 12px;font-size:16px}}
/* apps.gravitatech.com headers: on phones the button shows its icon only (its name is still read out) */
@media (max-width:420px){.site-header:has(.hdr-end .gshare-compact) .brand img{width:108px!important;min-width:0!important;height:auto!important}.hdr-end:has(.gshare-compact){gap:8px}}
@media (max-width:600px){.gshare-compact{width:44px;padding:0;justify-content:center;gap:0}.gshare-compact .gshare-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.gshare-copy{border-top:1px solid var(--line,rgba(12,24,68,.12));border-radius:0 0 8px 8px;margin-top:4px}