/* Public board accessibility; intentionally scoped away from cabinet and admin. */
.public-skip-link {
  position: fixed;
  top: 8px;
  left: 16px;
  z-index: 10000;
  padding: 12px 18px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  background: #fff;
  color: #082754;
  border-radius: 8px;
  transform: translateY(-200%);
}
.public-skip-link:focus { transform: none; outline: 3px solid #125bb8; outline-offset: 2px; }
#top, #board-content, #demo-requests { scroll-margin-top: 110px; }
#demo-requests .demo-request-table td span:not(.showcase-status),
#demo-requests .showcase-response-count b {
  color: #526783;
  font-size: 14px;
  line-height: 1.55;
}
#demo-requests .demo-filter-group > span { color: #526783; font-size: 13px; }
#demo-requests .demo-request-table td::before { color: #526783; font-size: 12px; }
#demo-requests :is(a, button),
.board-main :is(a, button, input, select, textarea):not(.board-page-link) { scroll-margin-block: 110px 24px; }
#demo-requests :is(a, button):focus-visible,
.board-main :is(a, button, input, select, textarea):not(.board-page-link):focus-visible,
#demo-requests:focus-visible,
#board-content:focus-visible {
  outline: 3px solid #125bb8;
  outline-offset: 3px;
}
.public-site-header :is(a, button):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.board-filter :is(input, select),
.board-form :is(input, select, textarea) { border-color: #64748b; }
.board-filter input::placeholder, .board-form :is(input, textarea)::placeholder { color: #526783; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  #demo-requests :is(a, button), .board-main :is(a, button):not(.board-page-link) { transition: none; }
}

#demo-requests .section-kicker { color: #526783; }