/* RandomSecurity24 – CVE-Horoskop (baut auf lage.css auf) */

.horo-kopf { background: radial-gradient(ellipse at 80% 0%, #2a1f5c 0%, transparent 60%), var(--navy); }
.horo-bereich { margin-top: -56px; position: relative; padding-bottom: 70px; }

.horo-wahl { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.horo-wahl > span { font-weight: 700; font-size: .9rem; color: var(--ink-soft); }
.horo-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.horo-chips button {
  font: inherit; font-size: .85rem; font-weight: 600; padding: 6px 12px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink-soft);
}
.horo-chips button:hover { border-color: var(--ink-mute); color: var(--ink); }
.horo-chips button.aktiv { background: #2a1f5c; border-color: #2a1f5c; color: #fff; }

.horo-raster { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
@media (max-width: 960px) { .horo-raster { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .horo-raster { grid-template-columns: 1fr; } }
.horo-raster .laedt { grid-column: 1 / -1; text-align: center; color: var(--ink-mute); }

.horo-karte { display: flex; flex-direction: column; gap: 12px; }
.horo-karte.meins { grid-column: 1 / -1; border: 2px solid #6d5bd0; box-shadow: 0 18px 50px rgba(42,31,92,.18); }
.horo-karte.meins .horo-text { font-size: 1.08rem; }
.horo-kopfzeile { display: flex; align-items: center; gap: 14px; }
.horo-symbol {
  width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; flex: none;
  background: linear-gradient(135deg, #2a1f5c, #6d5bd0); color: #fff; font-size: 1.7rem; line-height: 1;
}
.horo-kopfzeile h2 { font-size: 1.15rem; margin: 0; }
.horo-kopfzeile small { color: var(--ink-mute); font-size: .78rem; }
.horo-sterne { margin-left: auto; color: #f5a524; letter-spacing: 1px; font-size: .95rem; white-space: nowrap; }
.horo-meins-tag { display: inline-block; background: #6d5bd0; color: #fff; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; margin-left: 6px; vertical-align: 2px; }
.horo-text { margin: 0; color: var(--ink); line-height: 1.6; }
.horo-text b { color: #4a3aa8; }
.horo-rat { margin: 0; color: var(--ink-soft); font-size: .9rem; }
.horo-fuss { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; margin-top: auto; padding-top: 12px; border-top: 1px dashed var(--line); font-size: .8rem; color: var(--ink-mute); }
.horo-fuss b { display: block; color: var(--ink); font-weight: 700; font-size: .85rem; }
.horo-fuss .breit { grid-column: 1 / -1; }
.horo-fuss a { font-family: var(--mono); }
.horo-raster .quellen, .horo-bereich .quellen { max-width: 860px; }