/* ---------------------------------------------------------------------------
   CSRA governance module (SANS-aligned maturity staging).

   Additive only. Loaded after csra.css and adds no rules that touch existing
   selectors, so it can be dropped in or removed without side effects. Uses
   the site design tokens rather than literal colours.
   ------------------------------------------------------------------------ */

.csra-sans {
  margin: 2.5rem 0 0;
  padding: 1.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--navy-mid);
}

.csra-sans h3 {
  margin: 0.35rem 0 0.6rem;
  font-size: 1.15rem;
  color: var(--white);
}

.csra-sans h4 {
  margin: 1.25rem 0 0.4rem;
  font-size: 0.9rem;
  color: var(--white);
}

.csra-sans p {
  font-size: 0.9rem;
  line-height: 1.65;
  color: var(--text-muted);
}

.csra-sans-intro p {
  margin-bottom: 1.1rem;
}

/* Questions ---------------------------------------------------------------- */

.csra-sans-q {
  margin: 0 0 1.75rem;
  padding: 0;
  border: 0;
}

.csra-sans-q legend {
  padding: 0;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white);
}

.csra-sans-q-text {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white);
}

.csra-sans-q-num {
  margin-right: 0.35rem;
  color: var(--resilience);
  font-weight: 700;
}

/* Anchor buttons reuse .csra-anchor and .is-selected from csra.css, so the
   module matches the main instrument and follows it through any restyle. */

/* Scale -------------------------------------------------------------------- */

.csra-sans-scale {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.4rem;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}

.csra-sans-step {
  padding: 0.5rem 0;
  border-radius: var(--radius-sm, 6px);
  background: rgba(255, 255, 255, 0.07);
  color: var(--text-faint);
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
}

.csra-sans-step.is-on {
  background: var(--resilience);
  color: var(--navy);
}

/* Result ------------------------------------------------------------------- */

.csra-sans-stage-head {
  margin-top: 0;
}

.csra-sans-limiters ul {
  margin: 0;
  padding-left: 1.1rem;
}

.csra-sans-limiters li {
  margin-bottom: 0.6rem;
  font-size: 0.87rem;
  line-height: 1.6;
  color: var(--text-muted);
}

.csra-sans-limiters li strong {
  display: block;
  color: var(--white);
  font-weight: 600;
}

.csra-sans-result .csra-btn {
  margin-top: 1.25rem;
}

.csra-sans-attrib {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

/* Explicit, because global link colours have overridden module links before. */
.csra-sans-attrib a {
  color: var(--resilience);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .csra-sans { padding: 1.25rem; }
  .csra-sans-scale { gap: 0.25rem; }
}