/* =========================================================
   ACCESSIBILITY PAGE — PAGE-SPECIFIC CSS ONLY
   Layout, spacing, colors, cards, and responsive grids
   are supplied by global.css.
   ========================================================= */

.accessibility-grid {
  display: grid;
  grid-template-columns: minmax(14rem, 0.65fr) repeat(2, minmax(0, 1fr));
  gap: var(--grid-gap);
  align-items: stretch;
}

/* The shorter featured card */
.accessibility-grid > .card:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.accessibility-page .card h2 {
  margin: 0 0 0.55rem;
  font-size: var(--card-title-size);
  line-height: 1.18;
  letter-spacing: -0.006em;
}

/* Keep all card copy comfortably readable. */
.accessibility-page .card p,
.accessibility-page .card li {
  font-size: clamp(1.02rem, 1.15vw, 1.1rem);
  line-height: 1.5;
}

/* Keep the review date at the bottom of its card without
   reducing it below the card-copy size. */
.accessibility-page .accessibility-review-date {
  margin-top: auto;
  padding-top: var(--paragraph-gap);
  color: var(--muted);
}

/* Align the first paragraph/list row across all three cards */
.accessibility-page .accessibility-card-grid > .card > ul {
  margin-top: 0;
}

@media (max-width: 850px) {
  .accessibility-grid {
    grid-template-columns: 1fr;
  }

  .accessibility-grid > .card:first-child {
    justify-content: flex-start;
  }
}