/* The birth chart calculator's own styles (products/astro/site/birth-chart.ts: its page links this after /site.css): the form,
   the place list, the wheel, the Big Three and the planets' table. Kept out of /site.css, which every page loads. */
.bc-form { display: grid; gap: .5rem; max-width: 34rem; margin: 1rem 0 2rem; }
.bc-form input[type="date"], .bc-form input[type="time"], .bc-form input[type="text"] { min-height: 48px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); font: inherit; background: transparent; color: inherit; }
.bc-form label { font-weight: 600; margin-top: .5rem; }
.bc-form .bc-check { display: flex; align-items: center; gap: .5rem; font-weight: 400; min-height: 44px; margin-top: 0; }
.bc-form .btn { margin-top: 1rem; }
.bc-places { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.bc-place { width: 100%; min-height: 44px; text-align: left; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line); background: transparent; color: inherit; font: inherit; cursor: pointer; }
.bc-wheel { margin: 1.5rem 0; }
.bc-wheel svg { display: block; width: 100%; max-width: 420px; height: auto; margin: 0 auto; }
.bc-wheel figcaption { text-align: center; color: var(--muted); font-size: .9rem; margin-top: .5rem; }
.bc-cards { display: grid; gap: 1rem; margin: 1rem 0 1.5rem; }
@media (min-width: 720px) { .bc-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bc-card { border: 1px solid var(--line); border-radius: 14px; padding: 1rem; }
.bc-card h3 { margin: 0; font-size: .95rem; color: var(--muted); font-weight: 500; }
.bc-card .bc-sign { font-size: 1.4rem; font-weight: 600; margin: .25rem 0 .5rem; }
.bc-table th, .bc-table td { width: auto; padding-right: .75rem; }
/* The astrocartography map (products/astro/site/astrocartography.ts): the world map at the column's width. */
.am-map { margin: 1.5rem 0; }
.am-map svg { display: block; width: 100%; height: auto; border-radius: 12px; }
.am-map figcaption { color: var(--muted); font-size: .9rem; margin-top: .5rem; }
