html { scroll-behavior: smooth; }
.page-body { padding-block: 1rem 2rem; }
.page-header { margin-bottom: 1rem; }
.section-card { margin-bottom: 1rem; scroll-margin-top: 1rem; }
.card-header { gap: .75rem; flex-wrap: wrap; }
.card-actions { margin-left: auto; }
.action-row { display: flex; flex-wrap: wrap; gap: .5rem; min-width: 12rem; }
.action-row form { margin: 0; }
.btn, .navbar-toggler, .form-control, .form-select { min-height: 2.75rem; }
.btn:focus-visible { outline: 3px solid #206bc4; outline-offset: 2px; }
.action-row .btn, .card-actions .btn, .navbar .btn { display: inline-flex; align-items: center; }
code { white-space: nowrap; }
.login-card { max-width: 28rem; margin-top: 8vh; }
@media (min-width: 768px) {
  .page-body { padding-block: 1.5rem 3rem; }
  .section-card { margin-bottom: 1.5rem; }
}