/* ==========================================================================
   The Go Network - soft launch banner

   Copied verbatim from soft-launch-banner.html, the block the source file
   marks as part of the embed. One change only: var(--fb) became
   var(--font-body), because the source self-declares --fb for its own
   preview while the live pages load the real name from tgn-tokens.css.
   Every other custom property this file uses already matches that token
   file exactly.

   The source's :root block is deliberately not copied. Live pages inherit
   their tokens from tgn-tokens.css, which stays the single source for colour.

   Temporary. Remove this file and its <link> on all 18 pages when the soft
   launch ends. The markup is findable by the id tgn-soft-launch-banner.

   Layout, per audit/10-banner-layout-results.md: the banner is a normal
   non-sticky element. It scrolls away like an announcement bar and .tgn-nav
   catches at the top on its own, which is what it did before this banner
   existed. The earlier sticky/z-index collision with .tgn-nav is gone
   because only one of the two is sticky now.
   ========================================================================== */

.tgn-soft-launch-banner{
  position:relative;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:10px 14px;
  padding:14px 64px;
  background:linear-gradient(90deg, var(--tgn-white) 0%, var(--tgn-amber-tint) 100%);
  border-bottom:2px solid var(--tgn-amber);
}
.tgn-soft-launch-banner .msg{
  flex:0 1 auto;font-size:14.5px;line-height:1.5;color:var(--tgn-ink);text-align:center;
}
.tgn-soft-launch-banner .actions{
  display:flex;align-items:center;gap:10px;flex:none;
}
.tgn-soft-launch-banner .btn{
  display:inline-flex;align-items:center;gap:6px;
  background:none;border:none;padding:0;
  color:var(--tgn-brick);
  font-family:var(--font-body);font-size:14.5px;font-weight:700;
  text-decoration:none;white-space:nowrap;
  transition:color .15s ease;
}
.tgn-soft-launch-banner .btn:hover{color:var(--tgn-brick-label);text-decoration:underline;text-underline-offset:3px}
.tgn-soft-launch-banner .btn:focus-visible{outline:2px solid var(--tgn-ink);outline-offset:2px;border-radius:2px}
.tgn-soft-launch-banner .dismiss{
  position:absolute;top:10px;right:16px;
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;border:none;background:transparent;
  color:var(--tgn-parchment-400);cursor:pointer;
}
.tgn-soft-launch-banner .dismiss:hover{color:var(--tgn-ink)}
.tgn-soft-launch-banner .dismiss:focus-visible{outline:2px solid var(--tgn-brick);outline-offset:2px}
@media (max-width:767px){
  .tgn-soft-launch-banner{padding:12px 52px}
}