/* deck-specific layout for the solar system deck */
.orb-head, .size-head { position: absolute; left: 96px; top: 92px; z-index: 2; pointer-events: none; }
.order { position: absolute; left: 96px; right: 96px; bottom: 64px; z-index: 2; list-style: none; display: grid; grid-template-columns: repeat(8, 1fr);
  border-top: 1px solid var(--line-2); pointer-events: none; }
.order li { padding-top: 14px; font-family: var(--head); font-weight: 800; font-size: 30px; color: var(--chalk); }
.order li b { display: block; font: 700 16px/1 var(--mono); color: var(--accent); margin-bottom: 8px; }
.scale-note { position: absolute; right: 96px; top: 100px; z-index: 2; font-family: var(--mono); color: var(--chalk-3) !important; }
.size-foot { position: absolute; left: 96px; right: 96px; bottom: 64px; z-index: 2; pointer-events: none; }
.size-foot p { max-width: 1100px; }
.facts { display: grid; grid-template-columns: 1fr 470px; gap: 56px; }
.facts table.ruled td { padding-top: 11px; padding-bottom: 11px; font-size: 23px; }
.facts table.ruled tbody tr { cursor: pointer; }
.facts table.ruled tbody tr:hover td, .facts table.ruled tbody tr.sel td { color: var(--chalk); }
.facts table.ruled tbody tr.sel td:first-child { color: var(--accent); }
.fact-pic { position: relative; height: 560px; }
html[data-lang="si"] #phase { font-size: 32px !important; line-height: 1.3; }