* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 2rem; line-height: 1.5; }
button, input, .custom-action { font: inherit; }
.filter-dialog { width: min(32rem, calc(100% - 2rem)); }
.filter-dialog form { display: grid; gap: 1rem; }
.actions { display: flex; gap: .75rem; }
.custom-action { border: 1px solid currentColor; padding: .5rem .75rem; width: max-content; cursor: pointer; }
/* INTENTIONAL STARTER FAILURE: a focused custom action has no visible treatment. */
.custom-action:focus { outline: none; }
/* TODO: provide a deliberate, discernible keyboard focus treatment for every interactive path. */