/* Galactism — the Solar System page. Builds on the explorer styles in site.css. */
.sol [hidden] { display: none !important; }
#sol-globe { pointer-events: none; visibility: hidden; }
.sol-sun { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.sol-sun img {
  position: absolute; max-width: none; mix-blend-mode: screen;
  left: 50%; top: 52%; width: min(118vh, 112vw); height: auto; transform: translate(-50%, -50%);   /* until the script sizes it */
  -webkit-mask-image: radial-gradient(circle closest-side, #000 91%, transparent 100%); mask-image: radial-gradient(circle closest-side, #000 91%, transparent 100%);
}
.sol-views { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0 0 0.4rem; }
.sol-views { flex-wrap: nowrap; }
.sol-views .tool { flex: 1 1 auto; font-family: var(--display); font-weight: 500; font-size: 1.05rem; letter-spacing: 0.02em; padding: 0.3rem 0.4rem; white-space: nowrap; }
.sol-info h2 { font-family: var(--display); font-weight: 500; font-size: 1.5rem; color: var(--parchment); margin: 0 0 0.1rem; line-height: 1.2; letter-spacing: 0.02em; }
.sol-info .kind { color: var(--ember-glow); font-size: 0.9rem; line-height: 1.45; margin: 0 0 0.6rem; }
.sol-info p { font-size: 0.93rem; line-height: 1.55; margin: 0 0 0.7rem; }
.sol-info dl { margin: 0; display: grid; grid-template-columns: auto auto; gap: 0.28rem 1rem; font-size: 0.88rem; line-height: 1.4; font-variant-numeric: lining-nums tabular-nums; }
.sol-info dt { color: var(--ash); }
.sol-info dd { margin: 0; text-align: right; color: var(--parchment); }
.sol-info sup, .xp-card sup { font-size: 0.7em; line-height: 0; }
.sol-info .fine { color: var(--ash); font-size: 0.82rem; line-height: 1.5; margin: 0.7rem 0 0; }
.sol #lens-box { margin: 0; }
.sol-next { display: block; width: 100%; margin: 0 0 0.95rem; padding: 0.42rem 0.8rem; text-align: left; font-family: var(--display); font-weight: 500; font-size: 1.1rem; letter-spacing: 0.03em; color: var(--ember-glow); border-color: rgba(200, 147, 90, 0.4); }
.sol #lens-note { min-height: 5.6em; }
.sol .xp-card .go { cursor: pointer; }
@media (min-width: 861px) {
  .sol .xp-controls { width: min(24.5rem, calc(100% - 2rem)); max-height: calc(100% - 13.5rem); overflow-y: auto; }
  .sol .xp-card { max-height: calc(100% - 13rem); }
}
@media (max-width: 860px) {
  .sol .xp-stage { height: 62vh; height: 62svh; }
  .sol-views { flex-wrap: nowrap; }
  .sol-views { gap: 0.25rem; }
  .sol-views .tool { flex: 1 1 auto; font-size: 0.98rem; padding: 0.34rem 0.25rem; white-space: nowrap; letter-spacing: 0; }
  .sol #lens-note { min-height: 0; }
  .sol .xp-card { max-height: 60%; }
}