.compat{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-top:clamp(40px,5vw,56px);overflow:hidden}.compat-row{border-top:1px solid hsl(var(--divider));display:grid;grid-template-columns:1fr}.compat-row:first-child{border-top:0}.compat-k{background:hsl(var(--secondary));color:hsl(var(--text-3));font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;padding:18px 20px;text-transform:uppercase}.compat-v{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px}.pill-tag{border:1px solid hsl(var(--border));border-radius:var(--radius-pill);color:hsl(var(--text-2));font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;padding:5px 12px;white-space:nowrap}.pill-tag.is-key{background:hsl(var(--brand)/.1);border-color:hsl(var(--brand)/.22);color:hsl(var(--brand))}.compat-note{color:hsl(var(--text-3));font-family:var(--font-body);font-size:14px;line-height:1.55;margin:18px 0 0;max-width:64ch;text-wrap:pretty}.compat-note p{margin:0}.compat-note .mono-key{font-family:var(--font-mono);font-size:12.5px}.compat-note .mono-key.is-key{color:hsl(var(--brand))}@media (min-width:640px){.compat-row{grid-template-columns:168px 1fr}}