/* Bioquímica pages (website/biochem.mjs): the bits site.css doesn't have. */
.bc-3d { margin: 8px 0 20px; }
.bc-3d:not(.dm) { aspect-ratio: 1 / 1; max-height: 62vh; border-radius: var(--r, 18px); border: 1px solid var(--line); background: var(--surface); display: grid; place-items: center; }
@media (min-width: 900px) { .bc-3d:not(.dm) { aspect-ratio: 16 / 10; } }
.bc-wait { margin: 0; color: var(--muted); font-weight: 600; font-size: .95rem; }
.bc-swap { display: flex; gap: 2px; padding: 3px; border-radius: 14px; background: color-mix(in srgb, var(--line) 55%, var(--bg)); margin: 8px 0 0; max-width: 420px; }
.bc-swap button { flex: 1; min-height: 44px; border: 0; border-radius: 11px; background: transparent; color: var(--ink); font: 600 15px var(--f-body); cursor: pointer; }
.bc-swap button[aria-pressed="true"] { background: var(--surface); box-shadow: 0 1px 3px rgba(13,26,31,.14); }
@media (prefers-color-scheme: dark) { .bc-swap button[aria-pressed="true"] { background: #2A3E45; } }
.bc-map { margin: 4px 0 24px; min-height: 120px; }
.bc-facts { margin-top: 8px; }
.bc-bal { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bc-bal span { display: inline-flex; padding: 4px 10px; border-radius: 999px; background: var(--cyan-wash); color: var(--cyan-ink); font-weight: 700; font-size: .92rem; }
.bc-steps { padding-left: 0; list-style: none; counter-reset: none; display: grid; gap: 10px; }
.bc-steps li { display: grid; gap: 3px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); scroll-margin-top: 80px; }
.bc-steps li:target { border-color: var(--cyan-ink); box-shadow: 0 0 0 3px var(--cyan-wash); }
.bc-eq { font-weight: 600; color: var(--ink); }
.bc-irr { display: inline-flex; padding: 1px 8px; border-radius: 999px; font-size: .78rem; font-weight: 700; color: #C2410C; background: #FFEDD5; }
@media (prefers-color-scheme: dark) { .bc-irr { color: #FB923C; background: #3A1D0B; } }
.bc-doors .pedia-door h3 { font-family: var(--f-display); font-size: 1.35rem; margin: 0 0 .3em; }
.bc-build { margin: 0 0 24px; }
.bc-page .bp { --bp-top: 64px; }
/* the hub's builder: a small peptide needs no tall stage (design lead r1) */
@media (min-width: 600px) { .bc-build .dm-stage { aspect-ratio: auto; height: 360px; max-height: 360px; } }