/* vedic.css — 吠陀占星（/xingpan/vedic/）專用的少量樣式。表單沿用 css/xingpan.css（.xp-form），表格沿用 css/yongshen.css（.ys-table）。
   南印度式方盤：4×4 格，星座位置固定，中間 2×2 寫盤名；上升格只加細框與淺底，不整塊上色（站上配色克制）。 */
.vd-out h3 { margin: 22px 0 8px; font-size: 1.05rem; }
.vd-out h3:first-child { margin-top: 4px; }
.vd-core { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.vd-core li { line-height: 1.7; }
.vd-core small, .vd-out td small { color: var(--text-dim); }
.vd-note, .vd-meta { font-size: 0.86rem; color: var(--text-dim); line-height: 1.7; }
.vd-place { margin: 0 0 12px; }
.vd-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vd-chart { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(64px, auto)); border: 1px solid var(--border); background: var(--bg-input); }
.vd-cell { position: relative; border: 1px solid var(--border); padding: 4px 5px 5px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vd-sign { font-size: 0.68rem; color: var(--text-dim); letter-spacing: 0.04em; }
.vd-pl { font-size: 0.86rem; font-weight: 600; color: var(--text); line-height: 1.35; overflow-wrap: anywhere; }
.vd-lagna { box-shadow: inset 0 0 0 2px var(--gold); background: var(--bg-card); }
.vd-asc { position: absolute; top: 3px; right: 5px; font-size: 0.66rem; color: var(--gold); font-weight: 600; }
.vd-mid { grid-column: 2 / 4; grid-row: 2 / 4; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--lux-serif); font-size: 0.95rem; color: var(--text-dim); padding: 6px; }
.vd-table td, .vd-dasha td { white-space: nowrap; }
.vd-dasha tr.vd-cur th, .vd-dasha tr.vd-cur td { background: var(--bg-input); font-weight: 600; }
.vd-antar td { padding-top: 0; }
.vd-antar summary { cursor: pointer; font-size: 0.82rem; color: var(--text-dim); }
.vd-antar ul { margin: 6px 0 4px; padding-left: 18px; font-size: 0.86rem; line-height: 1.8; columns: 2; }
.vd-antar li.vd-cur { font-weight: 600; }
.vd-now { border-left: 3px solid var(--gold); padding: 4px 0 4px 10px; }
.vd-list { padding-left: 18px; line-height: 1.8; }
@media (max-width: 640px) {
  .vd-charts { grid-template-columns: 1fr; }
  .vd-chart { grid-template-rows: repeat(4, minmax(56px, auto)); }
  .vd-antar ul { columns: 1; }
  .vd-table td, .vd-dasha td { white-space: normal; }
}