/* ==========================================================================
   Zentek — site notice
   Shared, all-page furniture introduced for the Nasdaq listing transition:
   the alert banner above the nav, the highlighted "NASDAQ : Q&A" ticker
   link, and the footer phone line. Loaded on every page after the page's
   own inline <style>, so these rules win on equal specificity.
   ========================================================================== */

/* --- Alert banner --------------------------------------------------------
   Sits in normal flow directly above the sticky <nav>, so it scrolls away
   once the reader is into the page rather than permanently eating viewport.
   The whole strip is one link: the entire bar is the target on a phone. */
.site-alert {
  display: block;
  background: #ffd84a;
  color: #1d1803;
  border-bottom: 1px solid #c99a0e;
}
.site-alert:hover { background: #ffe066; }
.site-alert:focus-visible { outline: 2px solid #1d1803; outline-offset: -3px; }

.site-alert-in {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  max-width: 1160px;
  margin: 0 auto;
  padding: 10px 28px;
  text-align: center;
}

.site-alert-tag {
  flex: none;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #ffd84a;
  background: #1d1803;
  padding: 4px 9px;
}

.site-alert-msg {
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.55;
}

.site-alert-cta {
  flex: none;
  font-family: 'DM Mono', monospace;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .04em;
  white-space: nowrap;
  border-bottom: 1.5px solid #1d1803;
  padding-bottom: 1px;
}

@media (max-width: 920px) {
  .site-alert-in { padding: 9px 20px; gap: 5px 10px; }
  .site-alert-msg { font-size: 12.5px; }
}
@media (max-width: 520px) {
  .site-alert-in { flex-direction: column; }
}

/* --- Phone links ---------------------------------------------------------
   Global `a { color: inherit }` leaves a bare tel: link visually identical to
   the prose around it, so give it the same underline affordance prose links
   already have. Component rules below and in page styles override this. */
a[href^="tel:"] { border-bottom: 1px solid currentColor; }

/* --- Highlighted ticker link --------------------------------------------
   The Nasdaq slot in the nav ticker is now a route into the Q&A rather than
   a symbol, so it is coloured, bolded and boxed to read as an action. */
.nav-tick-qa {
  display: inline-block;
  font-weight: 700;
  color: #8a6a12;
  background: #fdf3d2;
  border: 1.5px solid #d9ab12;
  border-radius: 2px;
  padding: 2px 7px;
  letter-spacing: .06em;
  white-space: nowrap;
}
.nav-tick-qa:hover { color: #1d1803; background: #ffd84a; border-color: #a8830c; }

/* --- Inline links added by the listing update ----------------------------
   The global `a { color: inherit }` leaves these indistinguishable from the
   text around them, and the pages that received them (stat captions, board /
   governance / terms prose) had no link rule of their own. */
.stat .l a,
.prose p a,
.legal-prose p a { color: inherit; border-bottom: 1px solid currentColor; }
.stat .l a:hover,
.prose p a:hover,
.legal-prose p a:hover { color: var(--green); }

/* --- Footer phone -------------------------------------------------------- */
.f-phone {
  margin-top: 16px;
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  letter-spacing: .04em;
  line-height: 1.9;
  color: rgba(250, 249, 246, .68);
}
.f-phone a { color: rgba(250, 249, 246, .9); border-bottom: 1px solid rgba(250, 249, 246, .3); }
.f-phone a:hover { color: #fff; }