/* apk-tm-badge.css
   [FIX-TMCLASS-01, founder request 2026-07-24] Single source of truth for the ™ mark that
   follows the "ApunkAI" wordmark. TM-A filed, ACK slip in hand, so ™ is usable now
   (registration/® is a separate, later milestone — do not swap this to ® until an actual
   registration certificate exists). Wordmark only — the filing covers the word "ApunkAI", not
   the logo graphic, so this class goes on a text span next to "ApunkAI", never on a logo
   image/svg element.

   WHY THIS FILE EXISTS (CLAUDE.md §0 single-owner-per-behavior):
   Before this fix, `.apk-tm` was defined TWICE — once in src/dashboard/app.css (the dashboard's
   copy) and once inline in public/about.html (a standalone marketing page that can't load
   app.css) — and the two copies had already drifted (about.html's copy was missing
   `letter-spacing:0`). Every standalone page that needed the badge (privacy.html, terms.html,
   admin-login.html, onboard.html) either had no local copy at all (TM silently missing) or would
   have needed yet another hand-copied duplicate, guaranteeing future drift. This file is now the
   ONLY place `.apk-tm` is defined — every surface links to it directly:
     <link rel="stylesheet" href="/src/shared/apk-tm-badge.css">
   Do not paste a local `.apk-tm { ... }` block into any page's own <style> again — link this
   file instead. If the badge needs to change, change it here once.

   WHY THE STYLING CHANGED (was: font-size:.42em + position:relative;top:-.15em):
   That old rule sized the badge as a FRACTION of whatever font-size it happened to inherit —
   26px in the login modal, 20px in the about.html hero, 18px in the nav, 11px in the settings
   footer — so the same class rendered as a crisp mark in one place and a near-invisible ~4-5px
   speck in another. Worse, the "sit above the text" effect was faked with a hand-tuned
   `position:relative; top:-.15em` offset calibrated against one specific line-height/vertical-
   align combination; wherever a different parent line-height or flex `align-items` was in play,
   that fixed offset either undershot or overshot, and the mark visually dropped to sit at or
   below the text baseline instead of above it (the "TM at the bottom of the text" bug).
   Fix: font-size:1em (same visual weight everywhere, never shrinks to unreadable — a ™ notice
   that's too small to see doesn't do its job) + vertical-align:super, which is the browser's own
   native superscript placement and is NOT sensitive to the parent's line-height or flex layout
   the way a manual position/top hack is. No more per-context tuning, no more drift.

   The explicit color/background resets guard against any brand-text treatment that uses a CSS
   gradient text-fill (background-clip:text + transparent fill) — without them, a `.apk-tm` span
   nested inside such an element would silently inherit the transparent fill and render invisible. */
.apk-tm {
  display: inline;
  font-size: 1em;
  font-weight: 700;
  vertical-align: super;
  line-height: 1;
  opacity: .75;
  margin-left: 2px;
  letter-spacing: 0;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
}