/* Daily horoscope (inc/horoscope.php). Card matches the weather box. */
.hcu-horo { padding: 1.25rem 1.4rem; margin-bottom: 2rem; border-top: 6px solid var(--hcu-sun); }
.hcu-horo__kicker { margin: 0; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--hcu-on-dark-soft); }
.hcu-horo__title { margin: 0.2rem 0 0; font-size: 0.9rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hcu-sun) !important; }
.hcu-horo__date { margin: 0.2rem 0 0.9rem; font-size: 0.8rem; color: var(--hcu-on-dark-soft); }
.hcu-horo__body { display: flex; align-items: center; gap: 0.4rem; }
.hcu-horo__panels { flex: 1; min-width: 0; }
.hcu-horo__sign + .hcu-horo__sign { margin-top: 1.1rem; }
.js .hcu-horo .hcu-horo__sign { display: none; margin: 0; }
.js .hcu-horo .hcu-horo__sign.is-on { display: block; }
.hcu-horo__name { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 1.3rem; }
.hcu-horo__glyph { font-size: 1.6rem; line-height: 1; color: var(--hcu-sun); }
.hcu-horo__meta { margin: 0.2rem 0 0.6rem; font-size: 0.78rem; color: var(--hcu-on-dark-soft); }
.hcu-horo__el { margin-left: 0.4rem; padding: 0.05rem 0.4rem; border: 1px solid currentColor; border-radius: 2px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.hcu-horo__text { margin: 0; font-family: var(--hcu-serif); font-size: 1.02rem; line-height: 1.5; }
.hcu-horo__nav {
	flex: none;
	width: 44px; height: 44px;
	background: transparent; color: var(--hcu-on-dark);
	border: 1px solid var(--hcu-on-dark-soft); border-radius: 50%;
	font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.hcu-horo__nav:hover { border-color: var(--hcu-sun); color: var(--hcu-sun); }
.hcu-horo__foot { margin: 0.9rem 0 0; font-size: 0.75rem; color: var(--hcu-on-dark-soft); }
.hcu-horo__foot a { color: inherit; }
.hcu-horo__admin { margin: 0.6rem 0 0; padding: 0.5rem 0.7rem; border: 1px dashed currentColor; font-size: 0.78rem; }

/* Full list on the horoscope page */
.hcu-horo-list .hcu-horo__sign { padding: 1.1rem 0; border-top: 1px solid var(--hcu-line); }
.hcu-horo-list .hcu-horo__glyph { color: var(--hcu-amber); }
.hcu-horo-list .hcu-horo__meta, .hcu-horo-list .hcu-horo__date, .hcu-horo-list .hcu-horo__foot { color: var(--hcu-ink-soft); }
.hcu-horo-list .hcu-horo__name { margin-top: 0; }