html[data-font-project="elias"] .planet-map.has-solar-plane{gap:0;min-width:0}
html[data-font-project="elias"] .planet-map.has-solar-plane svg{flex:none}
@media(min-width:761px){
  html[data-font-project="elias"] .spatial-field:has(.has-solar-plane:not([hidden])){display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 80px;height:auto}
  html[data-font-project="elias"] .spatial-field .planet-map.has-solar-plane{position:relative;inset:auto;grid-column:2;grid-row:1;align-self:center}
  html[data-font-project="elias"] .spatial-field:has(.has-solar-plane:not([hidden])) .event-map{position:relative;inset:auto;grid-column:1/-1;grid-row:2}
}
#planet-chart{cursor:grab;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}
#planet-chart:focus{outline:none}
#planet-chart.is-dragging{cursor:grabbing}
#planet-chart:focus-visible:not([data-pointer-focus]){outline:1px solid var(--accent);outline-offset:3px}
#planet-chart .solar-bodies{pointer-events:none}
.has-solar-plane #planet-chart :is(.planet-label,.planet-leader){display:none}
#planet-chart .solar-body-target{fill:transparent;stroke:none;outline:none;pointer-events:all;cursor:pointer}
#planet-chart.is-dragging .solar-body-target{cursor:grabbing}
#planet-chart .solar-body-highlight{fill:none;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
.solar-planet-name{position:absolute;z-index:5;transform:translateX(-50%);max-width:calc(100% - 16px);padding:7px 11px;border:1px solid var(--line);border-radius:4px;background:var(--bg,var(--paper));color:var(--ink);box-shadow:0 3px 14px #0002;font:400 13px/1.35 var(--mono);white-space:nowrap;pointer-events:none}
/* Timeline stays visible; secondary options share a disclosure. */
.solar-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:420px;min-width:0;margin:5px auto 0;color:var(--muted);font:400 11px/1.5 var(--mono);border-top:1px solid color-mix(in srgb,var(--muted) 25%,transparent);padding-top:6px}
.solar-controls .solar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.solar-controls button,.solar-controls select,.solar-options summary{min-height:30px;padding:4px 6px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:3px;font:inherit;cursor:pointer}
.solar-controls button:hover,.solar-controls button[aria-pressed="true"],.solar-options summary:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);border-color:color-mix(in srgb,var(--muted) 28%,transparent)}
.solar-controls button:disabled{opacity:.4;cursor:default}
.solar-controls select{background:var(--bg);border-color:color-mix(in srgb,var(--muted) 22%,transparent);max-width:115px}
.solar-timeline{grid-area:1/1;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;margin-top:0}
.solar-controls .solar-icon-button{width:30px;padding:0;font-size:19px;line-height:1}
#solar-time-slider{display:block;width:100%;min-width:0;margin:0;min-height:30px;padding:0;accent-color:var(--accent);cursor:ew-resize;touch-action:pan-y}
.solar-time-bounds{grid-area:2/1;align-self:start;display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:12px;margin-inline:36px;font-size:10px;opacity:.8;pointer-events:none}
.solar-options{grid-area:2/1;min-width:0;margin-top:0}
.solar-options summary{min-height:28px;display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;margin-inline:auto;list-style:none;color:var(--muted);user-select:none}
.solar-options summary::-webkit-details-marker{display:none}
.solar-options summary::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.solar-options[open] summary::after{transform:translateY(1px) rotate(225deg)}
.solar-options-fields{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 20px;padding:4px 0 8px}
.solar-range-label,.solar-speed{display:flex;align-items:center;gap:8px;font:inherit}
.solar-controls :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){.solar-controls{font-size:12px}.solar-controls button,.solar-controls select,.solar-options summary{min-height:44px}.solar-timeline{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.solar-controls .solar-icon-button{width:44px}#solar-time-slider{min-height:44px}.solar-time-bounds{min-height:44px;margin-inline:48px}}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/dates/solar-plane.css","sha256":"4ab952fd1507b53889010fce69cca8d87caac819d4abe42edb420aecb9312863","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */