/* Planetary events: home-page card and /planetary-events page */
.pe-row { display: flex; align-items: center; gap: 12px; padding: 9px 4px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.pe-icon { flex: 0 0 34px; text-align: center; font-size: 1.5rem; color: #f0a500; font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Noto Sans Symbols 2", "DejaVu Sans", sans-serif; border-right: 1px solid rgba(255,255,255,0.18); padding-right: 8px; }
.pe-body { min-width: 0; }
.pe-text { color: #fff; font-size: 1rem; line-height: 1.25; }
.pe-day { color: #e6c87d; }
.pe-when { color: #b8bfcc; font-size: 0.85rem; margin-top: 2px; }
.pe-t24 { display: none; }
.pe-24 .pe-t12 { display: none; }
.pe-24 .pe-t24 { display: inline; }

.pe-scroll { max-height: 430px; overflow-y: auto; margin: 6px 0; }
.pe-more { text-align: right; margin-top: 6px; }
.pe-more a { color: #e6c87d; font-weight: 600; letter-spacing: .5px; text-decoration: underline; }
.pe-empty { color: #b8bfcc; padding: 14px 4px; text-align: center; }

.pe-page { max-width: 1060px; margin: 0 auto; padding: 0 14px 30px; }
.pe-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px; margin: 18px 0; }
.pe-controls .pe-place { min-width: 260px; }
.pe-controls input[type=date] { padding: 6px 8px; border-radius: 6px; border: 1px solid #c9a24d; }
.pe-switch .chart-btn { flex: none; padding: 6px 14px; }
.pe-title { background: rgba(240,165,0,0.22); color: #ffd200; text-align: center; font-weight: 700; padding: 10px; border: 1px solid rgba(240,165,0,0.35); }
.pe-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,0.14); border-top: 0; }
.pe-grid > * { border-right: 1px solid rgba(255,255,255,0.14); }
.pe-grid > *:nth-child(2n) { border-right: 0; }
.pe-grid .pe-row { padding: 9px 12px; }
.pe-row-link { display: block; color: inherit; text-decoration: none; }
.pe-row-link:hover { background: rgba(240,165,0,0.12); text-decoration: none; }
.pe-note { text-align: center; color: #8f96a3; font-size: .82rem; margin-top: 10px; }
@media (max-width: 767px) { .pe-grid { grid-template-columns: 1fr; } .pe-grid > * { border-right: 0; } }

/* Planets mutual aspects table */
.pa-wrap { overflow-x: auto; }
.pa-table { width: 100%; border-collapse: collapse; color: #fff; }
.pa-table th { background: rgba(240,165,0,0.28); color: #ffd200; padding: 9px 8px; text-align: center; font-weight: 600; border: 1px solid rgba(255,255,255,0.12); white-space: nowrap; }
.pa-table td { padding: 8px 10px; border: 1px solid rgba(255,255,255,0.10); text-align: center; vertical-align: middle; }
.pa-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.04); }
.pa-table tr.pa-focus { outline: 2px solid #ffd200; background: rgba(255,210,0,0.16); }
.pa-sym { font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Noto Sans Symbols 2", "DejaVu Sans", sans-serif; font-size: 1.25rem; white-space: nowrap; }
.pa-sym span + span { margin-left: 8px; }
.pa-sym .pa-asp { color: #ffc266; }
.pa-type { text-align: left !important; white-space: nowrap; }
.pa-type .pa-angle { float: right; color: #ffc266; font-weight: 600; margin-left: 14px; }
.pa-pos b { color: #ffc266; }