/* FCRA Overview Page */
/* Depends on: style.css (root vars), sidebar.css, states.css */
/* Reuses: .bch-law-table, .bch-law-row, .bch-ordinances, .bch-ord-item,
   .bch-employer-grid, .bch-glance-mini, .bch-fedbox, .bch-side-card, etc.
   Only NEW / FCRA-specific rules live here. */

/* Applicant Rights / Employer Requirements accordion */
.bch-rights-list {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  max-height: 260px;
  overflow-y: auto;
  margin-bottom: 4px;
}

.bch-rights-list::-webkit-scrollbar {
  width: 8px;
}

.bch-rights-list::-webkit-scrollbar-thumb {
  background: var(--teal2);
  border-radius: 8px;
}

.bch-law-scroll {
  max-height: 420px;
}

/* ---- On-page jump-to-section search (scoped to this page only) ---- */
.interior-hero h2.bch-hero-search-label {
  margin: 18px 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  text-align: left;
}

/* Row highlight (uses @keyframes bch-row-highlight from states.css) */
.bch-law-row.bch-force-highlight,
.bch-ord-item.bch-force-highlight {
  animation: bch-row-highlight 5s ease;
}

/* Uniform spacing above every major section (overrides states.css) */
.bch-section-title {
  margin-top: 40px;
}

#why-fcra-matters {
  margin-bottom: 24px;
}

/* ---- Anchor jump offset (matches states.css .bch-law-row fix) ---- */
.bch-fcra-box,
.bch-ord-item,
#key-requirements,
#key-restrictions,
#employer-requirements,
#applicant-rights,
#resources {
  scroll-margin-top: 110px;
}

.bch-see-states-card p {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 12px;
}

/* Employer Requirements + Applicant Rights side by side */
.bch-two-col-sections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

@media (max-width: 768px) {
  .bch-two-col-sections {
    grid-template-columns: 1fr;
  }
}

/* Employer Requirements / Applicant Rights accordion layout */
.bch-two-col-sections .bch-ord-body {
  display: block;
}

.bch-two-col-sections .bch-ord-text {
  width: 100%;
}

.bch-two-col-sections .bch-ord-source {
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: left;
  border: none;
  padding: 0;
}

.bch-two-col-sections .bch-ord-source strong,
.bch-two-col-sections .bch-ord-source a {
  display: inline;
}

.bch-two-col-sections .bch-ord-source strong {
  margin-right: 6px;
}

.bch-two-col-sections .bch-ord-source a {
  color: var(--teal);
  text-decoration: none;
}

.bch-two-col-sections .bch-ord-source a:hover {
  text-decoration: underline;
}