/* Full-size labels accompany small perspective inscriptions. */
.passage-nav{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center}
.passage-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.instrument .ground-compass{position:absolute;left:0;bottom:0;width:100%;height:155px;min-height:0;max-height:none;overflow:visible}
.ground-compass .ground-cardinal{fill:#f2f2f2;font:600 26px Inter,system-ui,sans-serif}
.clock-stage{height:510px}.clock-model{top:37%}
.hour-face{position:absolute}.hour-ticks{position:absolute;left:0;right:0;height:4px;display:flex;justify-content:space-around}.hour-ticks.top{top:2px}.hour-ticks.bottom{bottom:2px}.hour-ticks i{display:block;width:4px;height:4px;background:#e4e4e4}
.readout-label{font-size:14px;color:var(--muted)}.city-readout p:not(.caption):not(.readout-label){font-size:16px;line-height:1.6;overflow-wrap:anywhere}.city-readout .city-time{font-size:28px!important}.instrument .caption,.sim-controls .caption{font-size:14px;line-height:1.6}.instrument .text-link{font-size:14px}.sim-controls label{font-size:14px}.model-controls{gap:8px}.model-controls label{margin-top:0}.model-controls select{flex-basis:100%;width:100%}
@media(max-width:800px){.clock-stage{height:400px}.ground-compass{height:120px}.clock-model{top:37%}.sim-workspace{display:flex;flex-direction:column}.instrument,.sim-controls{width:100%}.sim-controls{margin-top:16px}.passage-nav{gap:4px 18px}}
@media(max-width:400px){.clock-stage{height:365px}.ground-compass{height:112px}.ground-compass .ground-cardinal{font-size:30px}.clock-model{top:37%}}