/* Small additions on top of Bootstrap 5. Critical bits (bottom nav) are also inline in layout.php in case of caching. */
body { font-size: .95rem; }
.card { border: 0; border-radius: .75rem; }
.nav-pills .nav-link { border-radius: .5rem; }
.bottom-nav a i { line-height: 1.1; }
.auth-wrap { max-width: 420px; margin: 6vh auto; }
.code-block { white-space: pre-wrap; word-break: break-word; background: #f6f8fa; border-radius: .5rem; padding: .75rem; font-size: .85rem; }
.tab-scroll { overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; }
.tab-scroll .nav-link { padding: .4rem .75rem; }
.step-num { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--bs-primary); color: #fff; font-weight: 600; flex: none; }
@media (max-width: 767.98px) { main { padding-bottom: 90px !important; } }