/* falakbin.ir/lab/relativity: this lab's own rules, after sims.css (docs/plans/lab-wave3.md). */

.flk-relat .flk-sim-hud b { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }
.flk-relat .flk-sim-hud small { direction: ltr; unicode-bidi: isolate; color: #cfe9e6; }
.flk-relat .flk-sim-hud b, .flk-relat .flk-sim-hud small { text-shadow: 0 0 3px #03141a, 0 1px 8px #03141a; }
.flk-relat .flk-sim-chips .flk-chip { font-size: .8rem; }
.flk-relat .flk-sim-seg button { white-space: normal; }
.flk-relat .flk-sim-pair { gap: 12px; }
.flk-relat-read { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.flk-relat-read dd small { line-height: 1.7; }
.flk-relat-w2 { grid-column: span 2; }
.flk-relat-w3 { grid-column: 1 / -1; }
.flk-relat .flk-sim-note { margin-top: -6px; }
.flk-relat .flk-sim-pace { text-align: end; }
.flk-relat .flk-sim-pace b { font-weight: 700; color: var(--muted); font-size: .8rem; }
.flk-relat .flk-sim-tools .flk-icon-btn:disabled { opacity: .35; cursor: default; }

.flk-relat-tour { margin-top: 16px; }
.flk-relat-tour .flk-hm-li b { display: block; }

.flk-relat-table td b { display: block; }
.flk-relat-what { display: block; color: var(--muted); font-size: .76rem; }
.flk-relat-table td { font-variant-numeric: tabular-nums; }
.flk-relat-ship { color: var(--teal-ink); font-weight: 800; }
.flk-relat-earth { color: var(--orange-ink); font-weight: 800; }
.flk-relat-foot { margin-top: 10px; }

/* One column: the scene, its controls, then the figures. */
@media (max-width: 920px) {
    .flk-relat .flk-sim-pair { display: contents; }
    .flk-relat-read { order: 2; }
}
@media (max-width: 560px) {
    .flk-relat-read { grid-template-columns: 1fr 1fr; padding: 12px; }
    .flk-relat-w2 { grid-column: 1 / -1; }
    .flk-relat-table { font-size: .8rem; }
    .flk-relat-table th, .flk-relat-table td { padding: 8px 6px; }
    .flk-relat-table td:nth-child(2), .flk-relat-table td:nth-child(3) { white-space: nowrap; }
    .flk-relat-table td:first-child .flk-relat-what { display: none; }
    .flk-relat-table td:last-child { white-space: normal; min-width: 4.4rem; font-size: .74rem; }
    .flk-relat-table th:first-child, .flk-relat-table td:first-child { padding-inline-start: 10px; }
    .flk-relat .flk-sim-pace { flex-basis: 100%; text-align: start; margin-inline-start: 0; }
}

/* Touch and keyboard controls. */
.flk-relat .flk-chip, .flk-relat .flk-sim-seg button { min-height: 44px; }
.flk-relat button:focus-visible { outline: 2px solid var(--orange-ink); outline-offset: 3px; }