.detail-moon-link{display:inline-block;margin:7px 0 0;padding:9px 0;color:#a9eedf;border-bottom:1px solid #a9eedf;font-size:11px;font-weight:800}
.system-moons{margin-top:27px;border:1px solid #7fb5bc68;background:#071e2c}
.system-moons-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:29px 34px;border-bottom:1px solid #7fb5bc56;background:linear-gradient(120deg,#103a4c,#092535)}
.system-moons-heading span,.system-moon-story>span,.system-moon-select>div:first-child{color:#a1e8da;font:700 10px Consolas,monospace;letter-spacing:.12em}
.system-moons-heading h2{margin:9px 0 0;font:normal clamp(37px,4vw,58px)/1 Georgia,serif;letter-spacing:-.055em}
.system-moons-heading p{max-width:530px;margin:0;color:#bad6d8;font-size:12px;line-height:1.55}
.system-moon-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);min-height:470px}
.system-moon-figure{margin:0;min-width:0;border-right:1px solid #7fb5bc56;background:#020910}
.system-moon-photo{position:relative;height:430px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#173444,#020910 70%)}
.system-moon-photo img{display:block;width:100%;height:100%;object-fit:contain}
.system-moon-photo img.system-galileo-crop,.system-moon-thumb img.system-galileo-crop{position:absolute;top:-6%;left:50%;width:auto;max-width:none;height:112%;object-fit:unset}
.system-moon-photo>span{position:absolute;left:20px;top:20px;padding:8px 10px;border:1px solid #a0dbd188;background:#092b3bdc;color:#d9f6ed;font:700 9px Consolas,monospace;letter-spacing:.1em}
.system-moon-figure figcaption{display:flex;justify-content:space-between;gap:15px;padding:12px 18px;color:#add0d3;font-size:11px;line-height:1.45}
.system-moon-figure figcaption small{color:#8eb3bb;font-size:10px;text-align:right}
.system-moon-story{display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0;padding:35px clamp(25px,4vw,60px);background:linear-gradient(145deg,#123d4f,#0a2838 78%)}
.system-moon-story h3{margin:16px 0 6px;font:normal clamp(55px,6vw,86px)/.98 Georgia,serif;letter-spacing:-.06em}
.system-moon-story>strong{color:#bcece0;font:normal 23px Georgia,serif}
.system-moon-story>p{margin:19px 0 0;max-width:430px;color:#c1d9d9;font-size:14px;line-height:1.65}
.system-moon-context{width:100%;margin-top:27px;padding-top:18px;border-top:1px solid #82b9be5c}
.system-moon-context b{color:#a3e0d5;font:700 10px Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.system-moon-context p{margin:8px 0 0;color:#9fbfc4;font-size:11px;line-height:1.55}
.system-moon-story>a{margin-top:26px;padding-bottom:4px;border-bottom:1px solid #adebde;color:#b4f1e2;font-size:12px;font-weight:750}
.system-moon-select{padding:22px 24px 25px;border-top:1px solid #7fb5bc56}
.system-moon-select>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}
.system-moon-select>div:first-child span:last-child{color:#88b3bc}
.system-moon-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}
.system-moon-choice{display:grid;grid-template-rows:116px auto;min-width:0;padding:0;border:1px solid #6da8ad70;background:#0e2e3e;color:#eaf7f2;text-align:left}
.system-moon-choice:hover,.system-moon-choice[aria-pressed=true]{border-color:#aaecde;background:#194b56}
.system-moon-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px #aaecde66}
.system-moon-thumb{position:relative;display:block;min-width:0;overflow:hidden;background:#020910}
.system-moon-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.system-moon-choice>span:last-child{padding:10px 12px;font:normal 19px Georgia,serif}
.system-moon-empty{margin:0;padding:35px;color:#bdd6d8;font-size:14px}
@media(max-width:900px){.system-moons-heading{display:block}.system-moons-heading p{margin-top:15px}.system-moon-feature{grid-template-columns:1fr}.system-moon-figure{border-right:0;border-bottom:1px solid #7fb5bc56}.system-moon-photo{height:400px}.system-moon-story{padding:28px}}
@media(max-width:620px){.system-moons-heading{padding:23px 20px}.system-moons-heading h2{font-size:39px}.system-moon-photo{height:320px}.system-moon-figure figcaption{display:block}.system-moon-figure figcaption small{display:block;text-align:left;margin-top:4px}.system-moon-story{padding:24px 20px}.system-moon-story h3{font-size:56px}.system-moon-story>p{font-size:13px}.system-moon-select{padding:17px}.system-moon-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.system-moon-choice{grid-template-rows:95px auto}.system-moon-choice>span:last-child{font-size:17px}}