/* Theme default - text-wrap.css: long words and monospace wrapping. */
html, body { overflow-x: clip; }
.prose, .foot-grid, .controller, .rule, .card, .tile { overflow-wrap: break-word; }
.mono, code, .snippet { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  .rule-toolbar { gap: 0.55rem; }
  .rule-search { flex: 1 1 100%; min-width: 0; }
  .rule-count { width: 100%; }

  .rule { grid-template-columns: auto 1fr; gap: 0.5rem 0.7rem; }
  .rule .sev { grid-column: 1 / -1; justify-self: start; }

  .tpl pre { font-size: 0.78rem; }
  .btn-row .btn { flex: 1 1 auto; justify-content: center; }
}