.rules{--min:250px;--gap:1rem;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));justify-content:center;text-align:left;width:100%}.rule__wrap,.rules{display:grid}.rule{align-items:center;border:.0625rem solid #aaa;border-radius:1.25rem;color:#141416;display:flex;gap:.75rem;padding:1.25rem;text-decoration:none;transition:all .25s ease-in}.rule:focus-visible,.rule:hover{background-color:#f4f5f6;text-decoration:underline}