/* «بيان إمكانية الوصول» (P8) — colours from the client's image38. */
:root{
  --ac-ink:#144020; --ac-icon:#144420; --ac-card:#f8f8f0; --ac-closing:#f0f4ec; --ac-heart:#7cb074;
}

.page-a11y{background:#fff}
.a11y-page{padding:1.4rem 0 3rem}

.a11y-hero{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:2rem;margin:1rem 0 2rem}
.a11y-hero h1{font-size:2rem;font-weight:800;color:var(--ac-ink);margin-bottom:.7rem}
.a11y-hero p{color:#4a5560;line-height:1.95;max-width:75ch}
.a11y-hero img{width:100%;height:auto}

.a11y-features{margin-bottom:2.2rem}
.a11y-features h2{font-size:1.3rem;font-weight:800;color:var(--ac-ink);margin-bottom:1.1rem;text-align:center}
.a11y-feature-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0}
.a11y-feature{background:var(--ac-card);border-radius:14px;padding:1.1rem;display:grid;gap:.5rem;justify-items:center;text-align:center}
.a11y-feature-icon{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--ac-icon);display:grid;place-items:center;font-size:1.2rem}
.a11y-feature h3{font-size:.95rem;font-weight:800;color:var(--ac-ink);line-height:1.6}
.a11y-feature p{font-size:.78rem;color:#5b6270}

.a11y-report{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.4rem;background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:1.4rem 1.6rem;margin-bottom:1.2rem}
.a11y-report h2{font-size:1.15rem;font-weight:800;color:var(--ac-ink);margin-bottom:.3rem}
.a11y-report p{color:#5b6270}
.a11y-report-btn{display:inline-flex;align-items:center;gap:.5rem;height:48px;padding:0 1.6rem;border-radius:10px;background:var(--ac-ink);color:#fff;font-weight:700;transition:.18s}
.a11y-report-btn:hover{background:#0c2c16;color:#fff}

.a11y-closing{display:flex;align-items:flex-start;gap:1rem;background:var(--ac-closing);border-radius:16px;padding:1.4rem 1.6rem}
.a11y-closing i{font-size:1.6rem;color:var(--ac-heart)}
.a11y-closing h2{font-size:1.05rem;font-weight:800;color:var(--ac-ink);margin-bottom:.25rem}
.a11y-closing p{color:#4a5560;line-height:1.9}
.a11y-updated{margin-top:1rem;font-size:.82rem;color:#5b6270;text-align:center}

@media (max-width:1000px){ .a11y-feature-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:760px){
  .a11y-hero{grid-template-columns:1fr;text-align:center}
  .a11y-hero img{max-width:220px;margin:0 auto}
  .a11y-feature-grid{grid-template-columns:repeat(2,1fr)}
  .a11y-report{grid-template-columns:1fr}
  .a11y-report-btn{justify-content:center}
}
@media (max-width:460px){ .a11y-feature-grid{grid-template-columns:1fr} }