/* mobile-polish.css -- M2 of plan 2026-07-02-001: overflow, tap targets,
   tiny-text floor. Mobile-only: every rule is scoped under
   html.mode-static.mob, so desktop and immersive rendering never change.

   Cascade note: styles.css (minified) carries ~92 !important declarations
   scoped to .mob / html.mode-static.mob. Load order alone does not win here,
   so each contested property below matches or beats that specificity AND
   carries !important, with the overridden styles.css selector documented. */

/* ── 7px horizontal overflow ─────────────────────────────────────────────
   styles.css .so-wing:before is an absolutely positioned backdrop-blur panel
   (inset:-14px -26px -16px -14px) sized for the FIXED desktop wing. On
   mobile, html.mode-static.mob .so-wing is restyled into an in-flow card
   with its own background, but the pseudo is never neutralized: its -26px
   right edge lands 7px past a 375px viewport on sections II-V and makes
   body horizontally scrollable. The card needs no backdrop, so drop it.
   (Overrides .so-wing:before and the .so-wing-r:before variant.) */
html.mode-static.mob .so-wing::before,
html.mode-static.mob .so-wing::after {
  content: none !important;
}

/* ── Tap targets: wing CTAs ──────────────────────────────────────────────
   .mob .so-wing .wl-cta styles the "Email us about X" links as dotted
   underline inline links (~25px tall). Restyle as a bordered pill >=44px,
   matching the desktop .wl-cta pill look. Horizontal margins are left
   alone (desktop .wl-cta margin-left:31px indents them under the row). */
html.mode-static.mob .so-wing .wl-cta {
  display: inline-block !important;
  padding: 14px 16px !important;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px solid rgba(212, 160, 74, .45) !important;
  border-radius: 2px;
}

/* ── Tap targets: contact-card links ─────────────────────────────────────
   The #contact-form footer links (DIRECT LINE, CALL, capabilities, Project
   Hawk, resources, More-from-us, NDA) render 22-30px tall from 9-10px
   inline-styled containers. Each becomes a >=44px centered row. Inline
   styles on the anchors only set color/decoration, so plain declarations
   win, except the border overrides marked !important below. */
html.mode-static.mob #contact-form a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11px;
}

/* The two dotted-underline CTAs (VIEW FULL CAPABILITIES STATEMENT, REVIEW &
   SIGN NDA) carry inline border-bottom styles that would float 15px under
   the centered text inside a 44px flex row; promote them to full pills.
   !important beats the inline border-bottom. */
html.mode-static.mob #contact-form a[href="capabilities.html"],
html.mode-static.mob #contact-form a[href="/investors.html"] {
  border: 1px dotted rgba(212, 160, 74, .5) !important;
  border-radius: 2px;
  padding-left: 12px;
  padding-right: 12px;
}

/* ── Tap targets: header + drawer chrome ─────────────────────────────────
   Brand link measures 36px, drawer close button 38px, drawer credential
   links 13px. (Overrides .mob .mob-drawer-x width/height/offsets; the
   others have no size rules to fight.) */
html.mode-static.mob .mob-hd-brand {
  min-height: 44px;
}
html.mode-static.mob .mob-drawer-x {
  width: 44px !important;
  height: 44px !important;
  top: 9px;
  right: 11px;
}
html.mode-static.mob .mob-drawer-creds a {
  display: inline-block;
  padding: 9px 0;
  margin: -5px 0;
}

/* ── Tiny-text floor (10px) ──────────────────────────────────────────────
   Informational microcopy floors at 10px; 9 / 9.5px occurrences raised.
   Purely decorative glyphs (mhs-dot, chevrons) are aria-hidden and exempt. */
/* .mob .mob-hudstrip children are 9.5px (SESSION / TLS / CAGE / clock). */
html.mode-static.mob .mob-hudstrip .mhs-i,
html.mode-static.mob .mob-hudstrip .mhs-sep,
html.mode-static.mob .mob-hudstrip .mhs-clock {
  font-size: 10px !important;
}
/* .mob .so-wing-hd is 9px ("// Capability - Vault" panel headers). */
html.mode-static.mob .so-wing-hd {
  font-size: 10px !important;
}
/* .plain-router .pr-head is 9px (page <style> block in index.html). */
html.mode-static.mob .plain-router .pr-head {
  font-size: 10px;
}
/* Contact-card section labels carry inline font-size:9px. */
html.mode-static.mob #contact-form [style*="font-size:9px"] {
  font-size: 10px !important;
}
/* Drawer: .mob .mnl-d (section descriptors) and .mob .mob-drawer-eyebrow
   (group headings) are 9px; credential block is 10px with links raised
   above, keep the text itself at 11px for the denser block. */
html.mode-static.mob .mnl-d,
html.mode-static.mob .mob-drawer-eyebrow {
  font-size: 10px !important;
}
html.mode-static.mob .mob-drawer-creds {
  font-size: 11px !important;
}