/* The medical bay: this stop's own drawings (05-17 sections.medical). Shared looks are in living/explain.css. */
.mb-wrap { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; align-items: center; }
.mb-cv { width: 100%; height: auto; aspect-ratio: 1200 / 560; border-radius: 16px; display: block; background: #3A1418; }
.mb-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.mb-tabs .tab { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--rule); background: rgba(255,255,255,0.8); font: 600 13.5px/1 var(--wum-body); color: var(--ink); cursor: pointer; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.mb-tabs .tab[aria-pressed="true"] { background: var(--ink); color: #FFF4EA; border-color: var(--ink); }
.mb-read { display: grid; gap: 10px; padding: 22px; border-radius: 16px; background: rgba(255,255,255,0.74); border: 1px solid var(--rule); border-left: 4px solid #E9B45C; transition: border-color 0.4s; }
.mb-read.good { border-left-color: #3FA36B; }
.mb-gauge { font: 600 13px/1 var(--wum-mono); letter-spacing: 0.08em; color: var(--muted); }
.mb-gauge b { font: 700 34px/1 var(--wum-display); color: var(--ink); letter-spacing: 0; }
.mb-read h4 { margin: 0; font: 700 24px/1.05 var(--wum-display); text-transform: uppercase; }
.mb-read p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.mg-eras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mg-era { padding: 16px; border-radius: 16px; background: #FBF8F3; border: 1px solid var(--rule); display: grid; gap: 12px; align-content: start; }
.mg-era h4 { margin: 0; font: 700 19px/1.05 var(--wum-display); text-transform: uppercase; }
.mg-row { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 4px 10px; align-items: start; }
.mg-k { font: 600 10.5px/1.6 var(--wum-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.mg-row em { grid-column: 2; font: 600 13px/1 var(--wum-mono); font-style: normal; color: var(--rust); }
.mg-icons { display: flex; flex-wrap: wrap; gap: 3px; }
.mg-icons i { display: block; color: #3E8E9E; }
.mg-icons.staff svg { width: 11px; height: 16px; fill: currentColor; }
.mg-icons.beds svg { width: 20px; height: 12px; fill: currentColor; }
.mg-icons.beds i { color: #8A7E73; }
.mg-icons i.maybe { opacity: 0.32; }
.md-svg, .mk-svg { width: 100%; height: auto; display: block; }
.mk-bar { transform-box: fill-box; transform-origin: left; transform: scaleX(0); transition: transform 1.4s cubic-bezier(.3,.7,.2,1); }
.fig.in .mk-bar { transform: none; }
@media (max-width: 960px) {
  .mb-wrap { grid-template-columns: minmax(0, 1fr); }
  .mg-eras { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .mk-bar { transition: none; transform: none; } }