/* ==========================================================================
   STAY FREE ENTERPRISE — disclosure block
   Per-tier variants (plan §6). Copy is ALWAYS authored directly in the
   page HTML (real DOM, view-source verifiable, never JS-generated) —
   disclosure-block.js only adds chrome + runs a phrase-presence QA check.
   ========================================================================== */

.sf-disclosure {
  position: relative;
  border-radius: var(--sf-radius-md);
  padding: var(--sf-space-4);
  border: 1px solid rgba(14, 74, 60, 0.16);
  background: var(--sf-sand);
  font-size: var(--sf-text-sm);
  color: var(--sf-text-primary);
  line-height: 1.65;
}
.sf-disclosure p { max-width: none; color: inherit; }
.sf-disclosure p + p { margin-top: var(--sf-space-2); }

.sf-disclosure__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--sf-space-2);
  font-size: var(--sf-text-xs);
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sf-teal);
  margin-bottom: var(--sf-space-2);
}
.sf-disclosure__eyebrow-icon {
  width: 16px; height: 16px;
  border-radius: 4px; /* rectangular, never a circular seal — plan §2 badge rule */
  background: var(--sf-teal);
  flex: 0 0 auto;
}

.sf-disclosure__link {
  display: inline-block;
  margin-top: var(--sf-space-2);
  font-size: var(--sf-text-xs);
  font-weight: 700;
  text-decoration: underline;
  color: var(--sf-teal);
}

/* tier accents — structural color only, never additional meaning-bearing gold */
.sf-disclosure[data-tier="1"] { border-left: 3px solid var(--sf-teal); }
.sf-disclosure[data-tier="2"] { border-left: 3px solid var(--sf-taupe); }
.sf-disclosure[data-tier="3"] { border-left: 3px solid rgba(14, 74, 60,.35); }

/* QA state, styleguide-only visual (never shown to site visitors). Uses
   charcoal, not coral — coral stays 100% CTA-exclusive sitewide (plan §2). */
.sf-disclosure[data-sf-check="fail"] { outline: 2px dashed var(--sf-charcoal); }