[data-rule-catalog]{margin:1.5rem 0;min-width:0}.rule-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border:1px solid var(--lightgray);border-radius:8px;background:var(--light)}.rule-filters label{display:grid;gap:.4rem;font-size:.9rem;color:var(--darkgray)}.rule-filters input,.rule-filters select,.rule-filters button,.rule-pagination button{font:inherit;color:var(--dark);background:var(--light);border:1px solid var(--gray);border-radius:4px;padding:.65rem;min-width:0;min-height:44px}.rule-filters button{align-self:end;cursor:pointer}.rule-count{color:var(--gray);font-size:.9rem}.rule-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.rule-result{padding:1rem;border:1px solid var(--lightgray);border-radius:6px;overflow-wrap:anywhere}.rule-result h3{margin:0!important;font-size:1.1rem}.rule-result p{margin:.4rem 0 0;line-height:1.6}.rule-english{color:var(--gray);font-size:.85rem}.rule-meta{font-size:.85rem;color:var(--darkgray)}.rule-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.rule-pagination[hidden]{display:none}.rule-pagination button:disabled{opacity:.4;cursor:default}.rule-pagination span{font-size:.9rem}.rule-filters :focus-visible,.rule-result a:focus-visible,.rule-pagination :focus-visible{outline:2px solid var(--secondary);outline-offset:3px}@media(max-width:600px){.rule-results,.rule-filters{grid-template-columns:1fr}.rule-result{padding:.85rem}}