/* /join: on top of /book/book.css. The step bar and a few form bits. */
.b-steps { display: flex; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; counter-reset: s; }
.b-steps li { flex: 1; font-size: 11px; line-height: 1.2; color: #86868b; padding-top: 8px; border-top: 3px solid #e6e7e9; font-weight: var(--weight-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b-steps li.done { border-top-color: #171a20; color: #393c41; }
.b-steps li.now { border-top-color: #356ca3; color: #171a20; }
.b-field select { width: 100%; padding: 14px; border: 1px solid #d0d1d2; border-radius: 8px; background: #fff; font: var(--weight-body) 16px/1.4 var(--font-text); color: #171a20; -webkit-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, #6e6e73 50%), linear-gradient(135deg, #6e6e73 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.b-field select:focus { outline: none; border-color: #356ca3; box-shadow: 0 0 0 3px rgba(53,108,163,.18); }
.b-doc { cursor: default; }
.b-doc:hover { border-color: #e3e4e6; }
.b-doc.on { border-color: #171a20; box-shadow: none; }
.b-btn.b-mini { width: auto; min-height: 44px; padding: 0 14px; font-size: 14px; }
.b-standard ul { margin: 8px 0 12px; padding-left: 20px; columns: 2; font-size: 15px; line-height: 1.7; color: #171a20; }
.b-standard li { break-inside: avoid; }
@media (max-width: 420px) { .b-standard ul { columns: 1; } }