.solar-walk { --solar-ink: #13243e; color: var(--solar-ink); }
.solar-walk .solar-hero { position: relative; overflow: hidden; padding: clamp(26px, 6vw, 64px); margin: 28px 0; background: #101e34; color: #f7f4e9; }
.solar-walk .solar-eyebrow { position: relative; z-index: 1; margin: 0 0 20px; color: #accfcf; font-size: .875rem; font-weight: 750; letter-spacing: .09em; }
.solar-walk h1 { position: relative; z-index: 1; max-width: 19em; margin: 0 0 24px; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.3; letter-spacing: -.05em; word-break: keep-all; }
.solar-walk .solar-hero > p:last-of-type { position: relative; z-index: 1; max-width: 32em; font-size: 1.05rem; line-height: 1.9; }
.solar-walk .solar-orbit-art { position: absolute; right: -130px; top: -120px; width: 450px; height: 450px; border: 1px solid #39516d; border-radius: 50%; box-shadow: 0 0 0 58px #26395044, 0 0 0 115px #26395022; }
.solar-walk .solar-orbit-art span { display: block; width: 90px; height: 90px; margin: 174px; border-radius: 50%; background: #dfad69; opacity: .3; }
.solar-walk h2 { margin: 0 0 14px; font-size: 1.4rem; line-height: 1.5; }
.solar-walk .solar-station { padding: clamp(22px, 4vw, 36px); background: #f1f5f5; border: 1px solid #c8d6d8; }
.solar-walk .solar-controls { display: flex; gap: 24px; flex-wrap: wrap; margin: 22px 0; }
.solar-walk .solar-controls label { flex: 1 1 220px; font-size: .9375rem; font-weight: 750; }
.solar-walk select { display: block; width: 100%; min-height: 48px; margin-top: 9px; padding: 10px; color: #13243e; background: #fff; border: 1px solid #62798e; border-radius: 0; font: inherit; }
.solar-walk .solar-result { border-top: 1px solid #c8d6d8; padding-top: 22px; }
.solar-walk .solar-result p { margin: 8px 0; font-size: 1rem; line-height: 1.8; }
.solar-walk .solar-result .solar-big-distance { margin: 0; font-size: clamp(3rem, 10vw, 5rem); line-height: 1.2; font-weight: 800; letter-spacing: -.065em; }
.solar-walk #solar-note { color: #3e5669; }
.solar-walk .solar-map { margin: 32px 0; padding: clamp(20px, 4vw, 36px); background: #14243d; color: #f3f5fa; }
.solar-walk .solar-map figcaption p { margin: 8px 0 24px; color: #b7c8dd; line-height: 1.7; }
.solar-walk .solar-map-axis { display: flex; justify-content: space-between; padding: 0 5px 12px 78px; font-size: .75rem; color: #bfd0e4; }
.solar-walk .solar-rows { list-style: none; padding: 0; margin: 0; }
.solar-walk .solar-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) 82px; gap: 14px; align-items: center; padding: 13px 4px; border-top: 1px solid #32415a; }
.solar-walk .solar-row[data-selected="true"] { background: #263e5b; outline: 1px solid #8ebdbd; }
.solar-walk .solar-row-name { font-weight: 700; font-size: .9375rem; }
.solar-walk .solar-row-name small { display: block; font-size: .75rem; font-weight: 400; color: #bfd0e4; margin-top: 3px; }
.solar-walk .solar-track { display: block; position: relative; height: 2px; margin-right: 7px; background: #40506a; }
.solar-walk .solar-track::before { content: ''; position: absolute; left: 0; top: -5px; width: 2px; height: 12px; background: #d9b97b; }
.solar-walk .solar-dot { position: absolute; left: var(--distance); top: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--planet-color); }
.solar-walk .solar-model-distance { text-align: right; font-size: .875rem; font-variant-numeric: tabular-nums; }
.solar-walk .solar-small { margin: 24px 0 0; color: #bfd0e4; font-size: .8125rem; line-height: 1.8; }
.solar-walk .solar-reading { max-width: 720px; margin: 40px auto; }
.solar-walk .solar-reading p { margin: 0 0 30px; font-size: 1.0625rem; line-height: 1.95; word-break: keep-all; }
.solar-walk .solar-data { border: 1px solid #c8d6d8; background: #fff; }
.solar-walk summary { padding: 18px 22px; min-height: 48px; cursor: pointer; font-weight: 750; line-height: 1.6; }
.solar-walk .solar-table-wrap { padding: 0 18px 18px; }
.solar-walk table { width: 100%; border-collapse: collapse; font-size: .875rem; line-height: 1.6; }
.solar-walk caption { padding: 8px 0 20px; text-align: left; }
.solar-walk th, .solar-walk td { text-align: left; padding: 12px 6px; border-bottom: 1px solid #d7dfe3; }
.solar-walk .solar-sources { margin: 32px 0; font-size: .875rem; line-height: 1.9; color: #45576b; }
.solar-walk .solar-sources h2 { font-size: 1.1rem; }
.solar-walk .solar-sources ul { padding-left: 20px; }
.solar-walk .solar-sources li { margin: 8px 0; }
@media (max-width: 600px) { .solar-walk .solar-row { grid-template-columns: 52px minmax(0, 1fr) 68px; gap: 10px; } .solar-walk .solar-map-axis { padding-left: 66px; } .solar-walk .solar-controls { gap: 16px; } }