/* ============================================================
   shared/ctas.css — NoBS CTA visual library
   ============================================================

   Single-purpose: the canonical CTA button visual treatments
   that pages reuse. Extracted from pages/brief.html
   (`.br-submit` was duplicated risk if other pages re-used the
   visual). Future pages adding the same CTA visual just include
   this file via <link rel="stylesheet" href="../shared/ctas.css">.

   Extracted 2026-05-19 (Phase 2.6 Q6 v1.1 polish, owner-locked
   Risk 1 = option (a)) — moved here verbatim from brief.html's
   inline <style> block. brief.html no longer carries its own
   copy of these rules; result.html links this file to access
   them for the Q6 "see the cents" / "see the refs" CTAs.

   The .br-submit visual:
     - Sugra/Archivo Black 22px uppercase, 2px letter-spacing
     - Pink ground, cream text, 3px ink border
     - 999px pill radius, 6px ink offset-shadow
     - Hover: translate(-2px,-2px) + 8px shadow (NoBS lift)
     - Active: translate(3px,3px) + 3px shadow
     - <span> child: translateY(2px) for optical baseline trim
     - .is-disabled modifier: disabled visual + no hover
============================================================ */

.br-submit {
  font-family: 'Sugra', 'Archivo Black', 'Impact', sans-serif;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 18px 36px;
  background: var(--pink);
  color: var(--cream);
  border: 3px solid var(--ink);
  border-radius: 999px;
  box-shadow: 6px 6px 0 var(--ink);
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  line-height: 1;
}
.br-submit:hover  { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--ink); }
.br-submit:active { transform: translate(3px, 3px); box-shadow: 3px 3px 0 var(--ink); }
.br-submit span { display: inline-block; transform: translateY(2px); }

/* CTA disabled state — same pattern as login.html for consistency
   (copied verbatim from brief.html during the Q6 v1.1 extraction). */
.br-submit.is-disabled,
.br-submit.is-disabled:hover,
.br-submit.is-disabled:active {
  background: #ffffff;
  color: #C6C6C6;
  border-color: #C6C6C6;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}