/* Blind Challenge — page styles. Chrome (nav/menu/footer/drawer), tokens and
   form fields come from /assets/css/site.css. */
*, *::before, *::after { box-sizing: border-box; }

.bc-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.bc-steps li { opacity: .6; }
.bc-steps li b { font-weight: 400; margin-right: 6px; }
.bc-steps li[aria-current="step"], .bc-steps li.done { opacity: 1; }
.bc-steps li[aria-current="step"] { text-decoration: underline; text-underline-offset: 4px; }

.bc-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1px; }
@media (max-width: 720px) { .bc-two { grid-template-columns: 1fr; } }

.bc-file { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 18px 0 6px; }
.bc-file label.btn { cursor: pointer; }

.bc-tw { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 10px 0; }
.bc-t { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.35; }
.bc-t th, .bc-t td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--ln); vertical-align: top; }
.bc-t thead th { font: 400 12px var(--f-mono); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.bc-t tbody th { font-weight: 500; }
.bc-t .co, .bc-t td { white-space: normal; overflow-wrap: anywhere; }
.bc-t .dr-in { min-height: 40px; font-size: 15px; min-width: 7em; }
.bc-t select.dr-in { font-family: var(--f-sans, inherit); min-width: 13em; }

.bc-score { display: flex; flex-direction: column; gap: 10px; }



/* the full table opens after the email */