/* Equal-width portfolio filters, scoped to this page. */
#filters { display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
#filters .filter { width: 100%; min-width: 0; min-height: 48px; padding: 10px 8px; font-size: 18px; line-height: 1.25; white-space: normal; text-align: center; }
#filters .filter:focus-visible { outline: 2px solid var(--c-green); outline-offset: 3px; }
html.layout-mobile #filters { display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 24px; }
html.layout-mobile #filters .filter { width: 100%; height: auto; min-height: 48px; padding: 10px 6px; border-radius: 24px; font-size: 13px; line-height: 1.25; white-space: normal; }