/* Colorado Workers' Compensation page — Fred element pack styles.
   Deploy to: /assets/fred/elements/cwc/cwc.css
   Consumes the site's existing design tokens (head chunk :root). */

/* Process timeline */
.cwc-step {
  background: #fff;
  border: 1px solid var(--bs-secondary-border);
  border-radius: var(--bs-border-radius);
  padding: 1.25rem 1rem;
}
.cwc-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--bs-primary);
  color: #fff;
  font-family: var(--nunito);
  font-weight: 700;
  margin-bottom: .5rem;
}

/* Resource cards */
.cwc-card {
  border: 1px solid var(--bs-secondary-border);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease, transform .15s ease;
}
.cwc-card:hover,
.cwc-card:focus-visible { border-color: var(--bs-primary); transform: translateY(-2px); }
.cwc-card:focus-visible { outline: none; box-shadow: var(--focus); }
.cwc-card .card-title { color: var(--bs-heading-color); }
.cwc-card .card-text { color: var(--bs-secondary); }
.cwc-card-icon { font-size: 1.5rem; color: var(--bs-primary); }
.cwc-card-more { color: var(--bs-primary); font-weight: 600; }

/* External resource cards */
.cwc-ext-card {
  background: var(--bs-secondary-bg);
  border: 1px solid var(--bs-secondary-border);
  border-radius: var(--bs-border-radius);
}
.cwc-ext-card:hover { border-color: var(--bs-primary); }
.cwc-ext-card .card-title { color: var(--bs-heading-color); }

/* FAQ */
.cwc-faq-item {
  background: #fff;
  border: 1px solid var(--bs-secondary-border);
  border-radius: var(--bs-border-radius);
  margin-bottom: .5rem;
}
.cwc-faq-item summary {
  cursor: pointer;
  padding: .9rem 1.1rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.cwc-faq-item summary::-webkit-details-marker { display: none; }
.cwc-faq-item summary::after { content: "+"; font-size: 1.25rem; line-height: 1; color: var(--bs-primary); }
.cwc-faq-item[open] summary::after { content: "\2212"; }
.cwc-faq-item summary:focus-visible { outline: none; box-shadow: var(--focus); border-radius: var(--bs-border-radius); }
.cwc-faq-a { padding: 0 1.1rem 1rem; }

/* CTA band */
.cwc-cta { background: var(--bs-tertiary); }