/* projects — page-local rules (★#59 M4). Token-only; shared components live in chrome.css. */
* { box-sizing: border-box; }
body { overflow-x: clip; background: var(--bg); color: var(--text); line-height: 1.6; }
a { color: inherit; text-decoration: none; }

.results-section { padding: 0 20px 60px; }
.results-section > .data-table-wrap { max-width: var(--page-max); margin: 0 auto; }
.results-meta { max-width: var(--page-max); margin: 16px auto 14px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.results-note { font-size: var(--fs-1); color: var(--text-subtle); max-width: 60ch; line-height: 1.5; }
.filter-form { max-width: var(--page-max); margin: 0 auto; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.filter-form select { min-width: 220px; }


@media (max-width: 640px) {
  .results-section { padding: 0 12px 60px; }
  .results-meta { flex-direction: column; align-items: stretch; row-gap: 12px; margin-top: 18px; }
}