/* JDServer-Webs v6.2 — modules/astronomy_position/astronomy-position.css */
#astronomy-position{ margin:18px 0 28px; }
.ap-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.ap-title{ font-weight:600; font-size:18px; }
.ap-badge{ display:inline-flex; gap:6px; align-items:center; font-size:12px; color:var(--muted); }
.ap-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap:12px;
}
@media (max-width:820px){ .ap-grid{ grid-template-columns: 1fr; } }
.ap-card{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:14px; box-shadow:var(--shadow-1);
}
.ap-row{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.ap-kpi{ background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:10px; }
.ap-kpi .lbl{ font-size:12px; color:var(--muted); }
.ap-kpi .val{ font-weight:600; font-size:18px; }

.ap-compass{ display:flex; align-items:center; justify-content:center; padding:6px; flex-direction: column; }
.ap-note{ margin-top:10px; font-size:12px; color:var(--muted); text-align:center; }

.ap-legend{ display:flex; gap:12px; margin-top:8px; font-size:12px; color:var(--muted); }
.ap-dot{ width:10px; height:10px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:6px; }
.ap-sun{ background:#f59e0b; }
.ap-moon{ background:#60a5fa; }