.driver-board-page { max-width: 1440px; margin: auto; padding: 120px 6% 70px; }
.board-intro,.board-note { color: var(--muted); line-height: 1.7; margin: 18px 0 28px; }
.board-note { font-size: .85rem; }
.board-highlight { border-left: 3px solid var(--red); background: var(--surface, #14181d); padding: 22px; margin: 28px 0; line-height: 1.7; }
.board-highlight strong { color: var(--text); }
.board-controls { display: flex; gap: 14px; flex-wrap: wrap; align-items: end; margin: 24px 0; }
.board-controls label { display: grid; gap: 8px; color: var(--muted); font-size: .85rem; }
.board-controls input,.board-controls select { color: var(--text); background: #12161b; border: 1px solid var(--border); padding: 12px; border-radius: 4px; font: inherit; min-height: 44px; }
.board-controls button,.board-retry { background: var(--red); color: white; border: 0; padding: 12px 18px; cursor: pointer; min-height: 44px; }
.board-scroll { overflow-x: auto; border: 1px solid var(--border); }
.board-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; text-align: right; }
.board-table th,.board-table td { padding: 18px 16px; border-bottom: 1px solid var(--border); }
.board-table th { background: #14181d; white-space: nowrap; }
.board-table th:first-child,.board-table td:first-child { text-align: left; min-width: 210px; }
.board-table th button { background: none; color: var(--text); border: 0; font: inherit; font-weight: 600; cursor: pointer; min-height: 44px; }
.board-table tbody tr:hover { background: rgba(255,255,255,.035); }
.board-count { color: var(--muted); margin: 14px 0; font-size: .85rem; }
.board-empty { padding: 28px; text-align: center; }
.board-teaser .btn-primary { display: inline-block; margin-top: 24px; text-decoration: none; }
.board-teaser .board-table { min-width: 650px; }
.board-table button:focus-visible,.board-controls :focus-visible,.board-scroll:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
@media(max-width: 760px) {
  nav { padding: 0 16px; height: 100px; flex-wrap: wrap; justify-content: center; align-content: center; gap: 12px; }
  nav .nav-links { gap: 14px; }
  nav .nav-links a { font-size: .75rem; letter-spacing: .04em; }
  .driver-board-page { padding-top: 135px; }
  .board-teaser { padding: 45px 20px; }
  .board-controls label:first-child { width: 100%; }
}