.daily-horoscope-page { max-width: 1450px; }
.horoscope-date { color: #4b3ba3; }
.horoscope-sign-links { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; }
.horoscope-sign-links a { padding: .4rem .7rem; border-radius: 30px; background: #f3f0ff; color: #4b3ba3; text-decoration: none; }
.horoscope-sign-links a:hover { background: #e7e0ff; }
.horoscope-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.horoscope-card { --sign-color: #6854b5; padding: 1.5rem; border: 1px solid #e1e5ed; border-top: 4px solid var(--sign-color); border-radius: 16px; background: white; box-shadow: 0 6px 22px #24305208; scroll-margin-top: 160px; }
.horoscope-card--fire { --sign-color: #c96b3b; }
.horoscope-card--earth { --sign-color: #428466; }
.horoscope-card--air { --sign-color: #477caf; }
.horoscope-card--water { --sign-color: #7660b3; }
.horoscope-symbol { color: var(--sign-color); font-size: 2.5rem; line-height: 1; }
.horoscope-reminder { background: #f7f6fb; padding: .85rem 1rem; border-radius: 10px; }
#horoscope-readings[aria-busy="true"] { opacity: .55; }
@media (max-width: 1100px) { .horoscope-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .horoscope-cards { grid-template-columns: 1fr; } }