/* Reading hierarchy within the existing system record. */
.system-dialog .record-byline{grid-column:1/-1;font:10px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#b9a27a;margin:10px 0 10px}
.survey-study .system-dialog .body-description{margin:0 0 20px;min-height:0}
.record-key-readings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px;padding:18px 0;border-top:1px solid #a7b7b426;border-bottom:1px solid #a7b7b426}
.record-key-readings>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.record-key-readings dt{font:10px/1.5 var(--mono);color:#9dacab;overflow-wrap:anywhere}
.record-key-readings dd{font:13px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:#e0e2d9;margin:0;overflow-wrap:anywhere}
.record-child-note{grid-column:1/-1;margin:0 0 24px;padding:0 0 0 16px;border-left:1px solid #b9a27a70}
.system-dialog .record-child-note .record-byline{margin:0 0 12px}
.system-dialog .record-child-text{font:19px/1.6 Georgia,serif;color:#d5d8cc;margin:0}
.record-disclosure{grid-column:1/-1;border-top:1px solid #a7b7b426;margin:0}
.record-disclosure summary{min-height:48px;padding:15px 0;font:11px/1.6 var(--mono);color:#a7b4b1;cursor:pointer}
.record-disclosure summary:hover{color:#e0c496}
.record-disclosure summary:focus-visible{outline:1px solid #d0b184;outline-offset:3px}
.system-dialog .record-continuation{font:12px/1.85 var(--mono);color:#b6c1bc;margin:0 0 22px}
.record-disclosure .body-stats{border:0;padding:7px 0 18px;margin:0}
.system-dialog .record-definition{font:10px/1.75 var(--mono);color:#99aaa8;margin:0 0 18px}
.system-dialog .portrait-navigation button{border-color:#9aafb54d;background:#ffffff08;color:#edf0ed}
.system-dialog .portrait-navigation button:hover:not(:disabled){border-color:#c4a47560;background:#c4a4750a}
.system-dialog .survey-render-switch{border-color:#82999c26}
/* Planet and star records use the same readable controls as the survey. */
.system-dialog{background:#0b1118;color:#edf0ed}
.system-dialog .survey-render-controls{gap:8px;margin:8px 0}
.system-dialog .survey-render-controls button{font-size:12px;color:#d5dfe1;background:#ffffff08;border-radius:4px}
.system-dialog .survey-render-switch{border-color:#9aafb54d}
.system-dialog .survey-render-switch [aria-pressed=true]{background:#c4a47526;color:#f3ddb8}
.system-dialog .survey-render-controls button:hover:not(:disabled){background:#ffffff16;color:#fff}
.survey-study .system-dialog p.survey-render-hint,.system-dialog .body-designation{font-size:11px;color:#bdc9ce}
.system-dialog :is(.planet-type,.chart-caption,.diameters-heading,.diameter-value,.catalog-footer){font-size:11px;color:#bdc9ce}
.system-dialog .planet-name{font-size:12px;color:#edf0ed}
.system-dialog .planet-button{border-color:#9aafb533;background:#ffffff05}
.system-dialog .planet-button[aria-pressed=true]{border-color:#c4a47590;background:#c4a4751c}
.system-dialog .body-stats dt,.system-dialog .record-key-readings dt{font-size:11px;color:#bdc9ce}
.system-dialog .body-stats dd{font-size:12px;color:#edf0ed}
.system-dialog p.chart-scale-note{font-size:11px;color:#bdc9ce}
.system-dialog .chart-toolbar{gap:8px;flex-wrap:wrap;padding-bottom:10px}
.system-dialog .chart-controls{gap:5px}
.system-dialog .chart-controls button{min-width:44px;min-height:44px;background:#ffffff08;border:1px solid #9aafb54d;border-radius:4px;color:#edf0ed}
.system-dialog .chart-controls #orbit-reset{font-size:11px;padding:6px 10px}
.orbit-time-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0}
.orbit-time-controls button{min-height:48px;padding:8px 12px;border:1px solid #9aafb54d;border-radius:4px;background:#ffffff08;color:#edf0ed;font:12px var(--mono);cursor:pointer}
#orbit-time-rate{font:11px/1.6 var(--mono);color:#bdc9ce}
@media(max-width:560px){
  .system-dialog .record-byline{margin-top:18px}
  .record-key-readings{gap:9px}
  .record-key-readings dd{font-size:12px}
  .system-dialog .record-child-text{font-size:18px}
}
/* One rule between the key readings and the observations, not two. */
.record-key-readings + .record-disclosure{border-top:0}
.system-dialog #orbit-play{min-height:44px}