.accessibility-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:50px}.accessibility-mark{width:220px;height:220px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(85,214,217,.35);border-radius:50%;background:radial-gradient(circle,var(--soft),transparent 68%);color:var(--teal-700);font-size:100px}.access-features article{padding:18px;border:1px solid var(--line);border-radius:15px}.access-features i{color:var(--violet);font-size:27px}.access-features h3{font-size:14px}.access-features p{color:var(--muted);font-size:11px}.preference-demo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preference-controls h2,.preview-card h2{font-size:22px}.preview-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--soft),var(--surface))}.preview-card .btn{align-self:flex-start}.preview-card.large-text{font-size:19px}.preview-card.high-contrast{border:3px solid var(--ink);background:var(--surface)}.reduce-motion *{animation:none!important;transition:none!important}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.feedback-grid h2{font-size:24px}.feedback-grid>div p{color:var(--muted)}@media(max-width:800px){.accessibility-hero{grid-template-columns:1fr}.accessibility-mark{display:none}.preference-demo,.feedback-grid{grid-template-columns:1fr}}
