.accessibility{max-width:1280px;margin:0 auto;padding:64px 24px 40px}.accessibility-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:1.4fr .8fr;gap:48px;margin-bottom:72px;padding:48px;display:grid}.accessibility-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.accessibility-hero h1{margin:20px 0 16px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.accessibility-hero p{max-width:650px;color:var(--color-text-secondary);line-height:1.8}.accessibility-code{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);padding:24px}.accessibility-code span{margin-bottom:16px;font-weight:600;display:block}.accessibility-code pre{margin:0;overflow-x:auto}.accessibility-section{margin-bottom:72px}.accessibility-section h2{margin-bottom:20px}.accessibility-description{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.8}.accessibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.accessibility-practices{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.accessibility-practice{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:28px}.accessibility-practice span{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:20px;font-weight:700;display:inline-flex}.accessibility-practice h3{margin-bottom:12px}.accessibility-practice p{color:var(--color-text-secondary);line-height:1.8}@media (max-width:900px){.accessibility-hero,.accessibility-grid,.accessibility-practices{grid-template-columns:1fr}}@media (max-width:768px){.accessibility{padding:48px 20px 80px}.accessibility-hero{padding:24px}}