/* Shared values come from Rising Lotus Huisstijl. Original values remain as fallbacks.
 */
/* Rising Lotus sterrenbeeldprofielen 5.19.0
 * Gemeenschappelijke bouwstenen. Alleen actief binnen .rl-astro-ui.
 * Profielopmaak voor de centraal beheerde sterrenbeeldpagina's.
 * Lettertypen worden door het WordPress-thema bepaald.
 */
.rl-astro-ui {
  --rl-astro-ui-accent: var(--rl-style-focus,#9b3767);
  --rl-astro-ui-accent-hover: var(--rl-style-focus,#77244c);
  --rl-astro-ui-text: var(--rl-style-ink,#302c31);
  --rl-astro-ui-muted: var(--rl-style-muted,#686068);
  --rl-astro-ui-line: var(--rl-style-line,#e7dfe4);
  --rl-astro-ui-soft: var(--rl-style-surface,#faf4f7);
  --rl-astro-ui-radius: 12px;
  --rl-astro-ui-reading-width: 70ch;
  --rl-astro-ui-anchor-offset: 7rem;
  color: var(--rl-astro-ui-text);
  font-family: var(--rl-style-font-body,inherit);
  font-size: inherit;
  line-height: 1.78;
  overflow-wrap: break-word;
  text-align: start;
}
.rl-astro-ui, .rl-astro-ui *, .rl-astro-ui *::before, .rl-astro-ui *::after {
  box-sizing: border-box;
}
.rl-astro-ui p { margin: 0 0 1.05em; }
.rl-astro-ui p:last-child { margin-bottom: 0; }
.rl-astro-ui h2, .rl-astro-ui h3 {
  color: var(--rl-astro-ui-text);
  line-height: 1.28;
  text-wrap: balance;
}
.rl-astro-ui h2 { margin: 0 0 .85em; font-size: var(--rl-style-h2-size,clamp(1.6rem, 1.25rem + 1.15vw, 2.1rem)); }
.rl-astro-ui h3 { margin: 1.8em 0 .75em; font-size: var(--rl-style-h3-size,clamp(1.17rem, 1.06rem + .4vw, 1.4rem)); }
.rl-astro-ui [id] { scroll-margin-top: var(--rl-astro-ui-anchor-offset); }
.rl-astro-ui a {
  color: var(--rl-astro-ui-accent);
  text-decoration: underline;
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}
.rl-astro-ui a:hover { color: var(--rl-astro-ui-accent-hover); text-decoration-thickness: 2px; }
.rl-astro-ui a:focus-visible, .rl-astro-ui summary:focus-visible {
  outline: 3px solid var(--rl-astro-ui-accent);
  outline-offset: 4px;
  border-radius: 3px;
}
.rl-astro-ui .rl-astro-ui__eyebrow {
  margin: 0 0 .9rem;
  color: var(--rl-astro-ui-accent);
  font-family: var(--rl-style-font-body,inherit);
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.6;
  text-transform: uppercase;
}
.rl-astro-ui .rl-astro-ui__muted { color: var(--rl-astro-ui-muted); }
.rl-astro-ui .rl-astro-ui__small { font-size: .88em; line-height: 1.7; }
.rl-astro-ui .rl-astro-ui__section {
  margin: 3.6rem 0 0;
  padding: 2.8rem 0 0;
  border-top: 1px solid var(--rl-astro-ui-line);
}
.rl-astro-ui .rl-astro-ui__insight {
  margin: 2rem 0;
  padding: .5rem 0 .5rem 1.3rem;
  border-left: 3px solid var(--rl-astro-ui-accent);
  color: var(--rl-astro-ui-accent-hover);
  font-size: 1.16em;
  font-weight: 500;
  line-height: 1.6;
}
.rl-astro-ui .rl-astro-ui__insight > p { margin: 0; }
/* Een compacte inhoudsopgave. Alleen de navigatie klapt in, niet het artikel. */
.rl-astro-ui .rl-astro-ui__toc {
  margin: 2rem 0;
  border-top: 1px solid var(--rl-astro-ui-line);
  border-bottom: 1px solid var(--rl-astro-ui-line);
  background: transparent;
}
.rl-astro-ui .rl-astro-ui__toc > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 54px;
  padding: .85rem .2rem;
  color: var(--rl-astro-ui-text);
  font-size: .93em;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.rl-astro-ui .rl-astro-ui__toc > summary::-webkit-details-marker { display: none; }
.rl-astro-ui .rl-astro-ui__toc > summary::after {
  content: '+';
  color: var(--rl-astro-ui-accent);
  font-size: 1.45em;
  line-height: 1;
}
.rl-astro-ui .rl-astro-ui__toc[open] > summary::after { content: '×'; }
.rl-astro-ui .rl-astro-ui__toc nav { padding: 0 0 1rem; }
.rl-astro-ui .rl-astro-ui__toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .15rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: rl-toc;
}
.rl-astro-ui .rl-astro-ui__toc li { margin: 0; padding: 0; counter-increment: rl-toc; }
.rl-astro-ui .rl-astro-ui__toc a {
  display: flex;
  align-items: baseline;
  gap: .65rem;
  min-height: 44px;
  padding: .5rem .2rem;
  font-size: .88em;
  line-height: 1.5;
  text-decoration: none;
}
.rl-astro-ui .rl-astro-ui__toc a::before {
  content: counter(rl-toc, decimal-leading-zero);
  color: var(--rl-astro-ui-muted);
  font-size: .75em;
  font-variant-numeric: tabular-nums;
}
.rl-astro-ui .rl-astro-ui__toc a:hover { text-decoration: underline; }
/* Alleen extra CTA-blokken krijgen een gekleurde ondergrond. */
.rl-astro-ui .rl-astro-ui__cta {
  margin-top: 3.5rem;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  background: var(--rl-astro-ui-soft);
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: var(--rl-astro-ui-radius);
}
.rl-astro-ui .rl-astro-ui__cta h2 { font-size: var(--rl-style-h2-size,clamp(1.5rem, 1.3rem + .5vw, 1.85rem)); }
.rl-astro-ui .rl-astro-ui__actions { display: flex; flex-wrap: wrap; gap: .75rem 1.4rem; align-items: center; margin-top: 1.3rem; }
.rl-astro-ui .rl-astro-ui__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  min-height: 48px;
  padding: .7rem 1.15rem;
  border: 1px solid var(--rl-astro-ui-accent);
  border-radius: 6px;
  background: var(--rl-astro-ui-accent);
  color: #fff;
  font-family: var(--rl-style-font-body,inherit);
  font-size: .91em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
.rl-astro-ui .rl-astro-ui__button:hover { color: #fff; background: var(--rl-astro-ui-accent-hover); border-color: var(--rl-astro-ui-accent-hover); text-decoration: none; }
.rl-astro-ui .rl-astro-ui__text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .92em; }
.rl-astro-ui .rl-astro-ui__back { margin-top: 2rem; text-align: end; font-size: .85em; }
@media (max-width: 520px) {
  .rl-astro-ui .rl-astro-ui__toc ol { grid-template-columns: minmax(0, 1fr); }
  .rl-astro-ui .rl-astro-ui__section { margin-top: 2.5rem; padding-top: 2rem; }
  .rl-astro-ui .rl-astro-ui__insight { padding-left: 1rem; }
  .rl-astro-ui .rl-astro-ui__actions { align-items: stretch; flex-direction: column; }
  .rl-astro-ui .rl-astro-ui__text-link { justify-content: center; }
}
@media print {
  .rl-astro-ui .rl-astro-ui__toc, .rl-astro-ui .rl-astro-ui__back, .rl-astro-ui .rl-astro-ui__actions { display: none; }
  .rl-astro-ui h2, .rl-astro-ui h3 { break-after: avoid; }
  .rl-astro-ui .rl-astro-ui__insight { break-inside: avoid; }
  .rl-astro-ui a { color: inherit; }
}


/* Rising Lotus sterrenbeeldprofielen 5.19.0
 * Alleen de sterrenbeeldartikelen. Geen globale thema- of webshopregels.
 */
.rl-astro-ui.rl-zodiac {
  width: 100%;
  max-width: var(--rl-astro-ui-reading-width);
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__intro {
  position: relative;
  padding: .35rem 0 0;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__intro-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin: 0 0 1.65rem;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__intro-top .rl-astro-ui__eyebrow { margin: 0 0 .5rem; }
.rl-astro-ui.rl-zodiac .rl-zodiac__date { margin: 0; color: var(--rl-astro-ui-muted); font-size: .98em; }
.rl-astro-ui.rl-zodiac .rl-zodiac__seal {
  position: relative;
  display: grid;
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
  place-items: center;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: 50%;
  color: var(--rl-astro-ui-accent);
  font-family: 'Segoe UI Symbol', 'DejaVu Sans', sans-serif;
  font-size: 2.45rem;
  font-weight: 400;
  line-height: 1;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__seal::after {
  content: '';
  position: absolute;
  inset: -6px;
  border: 1px solid var(--rl-astro-ui-line);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(-25deg);
}
.rl-astro-ui.rl-zodiac .rl-zodiac__lead { font-size: 1.12em; line-height: 1.78; }
.rl-astro-ui.rl-zodiac .rl-zodiac__intro-note { margin-top: 1.25rem; font-size: .83em; color: var(--rl-astro-ui-muted); }
.rl-astro-ui.rl-zodiac .rl-zodiac__facts-section { margin-top: 2.2rem; padding-top: 0; border-top: 0; }
.rl-astro-ui.rl-zodiac .rl-zodiac__pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin: 1.5rem 0 1rem;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__pillar {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  padding: 1.1rem .9rem;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: var(--rl-style-radius,8px);
  background: transparent;
  min-width: 0;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__pillar-icon {
  flex: 0 0 auto;
  color: var(--rl-astro-ui-accent);
  font-family: 'Segoe UI Symbol', 'DejaVu Sans', sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__pillar-label {
  display: block;
  color: var(--rl-astro-ui-muted);
  font-size: .7em;
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1.6;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__pillar-value {
  display: block;
  color: var(--rl-astro-ui-text);
  font-size: 1.14em;
  font-weight: 600;
  line-height: 1.5;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__pillar-note {
  display: block;
  margin-top: .2rem;
  color: var(--rl-astro-ui-muted);
  font-size: .72em;
  line-height: 1.55;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2rem;
  margin: .5rem 0 1.3rem;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__fact { padding: .9rem 0; border-bottom: 1px solid var(--rl-astro-ui-line); }
.rl-astro-ui.rl-zodiac .rl-zodiac__fact dt { margin: 0 0 .2rem; color: var(--rl-astro-ui-muted); font-size: .75em; font-weight: 500; }
.rl-astro-ui.rl-zodiac .rl-zodiac__fact dd { margin: 0; color: var(--rl-astro-ui-text); font-size: .89em; font-weight: 500; line-height: 1.65; }
.rl-astro-ui.rl-zodiac .rl-zodiac__fact-note { color: var(--rl-astro-ui-muted); font-size: .83em; }
.rl-astro-ui.rl-zodiac .rl-zodiac__fact-symbol { color: var(--rl-astro-ui-accent); font-family: "Segoe UI Symbol", "DejaVu Sans", sans-serif; }
/* Compacte eigenschappen zonder tekst weg te laten. */
.rl-astro-ui.rl-zodiac .rl-zodiac__traits { margin-top: 1.6rem; }
.rl-astro-ui.rl-zodiac .rl-zodiac__trait {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  gap: 1.4rem;
  padding: 1.4rem 0;
  border-top: 1px solid var(--rl-astro-ui-line);
}
.rl-astro-ui.rl-zodiac .rl-zodiac__trait h3 { margin: .1rem 0 0; font-size: var(--rl-style-h3-size,1.04em); line-height: 1.5; }
.rl-astro-ui.rl-zodiac .rl-zodiac__trait p { margin: 0; }
.rl-astro-ui.rl-zodiac .rl-zodiac__trait-body { font-size: .96em; }
.rl-astro-ui.rl-zodiac .rl-zodiac__polarity {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin: 1.6rem 0;
  padding: 1.4rem 0;
  border-top: 1px solid var(--rl-astro-ui-line);
  border-bottom: 1px solid var(--rl-astro-ui-line);
}
.rl-astro-ui.rl-zodiac .rl-zodiac__polarity > div + div { padding-left: 2rem; border-left: 1px solid var(--rl-astro-ui-line); }
.rl-astro-ui.rl-zodiac .rl-zodiac__polarity-label { display: block; margin-bottom: .4rem; color: var(--rl-astro-ui-accent); font-size: .78em; font-weight: 600; }
.rl-astro-ui.rl-zodiac .rl-zodiac__polarity p { font-size: 1.2em; line-height: 1.5; }
.rl-astro-ui.rl-zodiac ul:not([class]) { margin: .6rem 0 1.4rem; padding-left: 1.3rem; list-style: disc; }
.rl-astro-ui.rl-zodiac ul:not([class]) li { margin: .3rem 0; }
.rl-astro-ui.rl-zodiac ul:not([class]) li::marker { color: var(--rl-astro-ui-accent); }
@media (max-width: 660px) {
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillars { gap: .5rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar { flex-direction: column; gap: .3rem; padding: .9rem .7rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar-value { font-size: 1em; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar-note { font-size: .7em; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__facts { column-gap: 1.2rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__trait { grid-template-columns: minmax(0, 1fr); gap: .55rem; }
}
@media (max-width: 380px) {
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillars { grid-template-columns: minmax(0, 1fr); }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar { flex-direction: row; align-items: center; gap: .9rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar-icon { width: 1.4rem; text-align: center; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__facts { grid-template-columns: minmax(0, 1fr); }
  .rl-astro-ui.rl-zodiac .rl-zodiac__seal { flex-basis: 62px; width: 62px; height: 62px; font-size: 2rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__polarity { gap: 1rem; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__polarity > div + div { padding-left: 1rem; }
}
@media print {
  .rl-astro-ui.rl-zodiac { max-width: none; }
  .rl-astro-ui.rl-zodiac .rl-zodiac__pillar, .rl-astro-ui.rl-zodiac .rl-zodiac__trait { break-inside: avoid; }
}

/* Verwisselbare profielbeelden en centrale interne verwijzingen. */
.rl-astro-ui.rl-zodiac .rl-zodiac__hero {
  width: min(100%, 760px);
  margin: 1.4rem auto 1.8rem;
}
.rl-astro-ui.rl-zodiac .rl-zodiac__hero-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  border-radius: var(--rl-astro-ui-radius);
}
.rl-astro-ui.rl-zodiac .rl-zodiac__seal-image {
  padding: 0;
  overflow: hidden;
  background: var(--rl-astro-ui-soft);
}
.rl-astro-ui.rl-zodiac .rl-zodiac__seal-image::after { content: none; }
.rl-astro-ui.rl-zodiac .rl-zodiac__symbol-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rl-astro-ui.rl-zodiac .rl-zodiac-related {
  margin: 3rem 0 1rem;
  padding-top: 2rem;
  border-top: 1px solid var(--rl-astro-ui-line);
}
.rl-astro-ui.rl-zodiac .rl-zodiac-related ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rl-astro-ui.rl-zodiac .rl-zodiac-related li { margin: 0; }
.rl-astro-ui.rl-zodiac .rl-zodiac-related a {
  display: block;
  height: 100%;
  padding: .85rem 1rem;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: var(--rl-style-radius,8px);
  background: #fff;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
}
.rl-astro-ui.rl-zodiac .rl-zodiac-related a:hover,
.rl-astro-ui.rl-zodiac .rl-zodiac-related a:focus-visible {
  border-color: var(--rl-astro-ui-accent);
  background: var(--rl-astro-ui-soft);
}
.rl-zodiac-missing {
  padding: 1rem;
  border-left: 4px solid var(--rl-style-focus,#9b3767);
  background: var(--rl-style-surface,#faf4f7);
}
@media (max-width: 660px) {
  .rl-astro-ui.rl-zodiac .rl-zodiac-related ul { grid-template-columns: minmax(0, 1fr); }
  .rl-astro-ui.rl-zodiac .rl-zodiac__hero { margin: 1rem auto 1.4rem; }
}

/* Sterrenbeeld-hoofdpagina 5.19.0 */
/* 5.20: gedeelde daghoroscoopbeelden, datumtabel en lichte mandala's. */
.rl-zodiac-frame .rl-zodiac__intro,
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.rl-zodiac-frame .rl-zodiac__intro::before,
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cta::before {
  position: absolute;
  z-index: -1;
  top: -2rem;
  right: -3rem;
  width: 240px;
  height: 240px;
  background: var(--rl-style-mandala,var(--rl-zodiac-ornament-image, none)) center / contain no-repeat;
  opacity: var(--rl-style-mandala-intro-opacity,var(--rl-zodiac-ornament-opacity, 0));
  content: "";
  pointer-events: none;
}
.rl-zodiac-frame .rl-astro-ui__section,
.rl-astro-ui.rl-zodiac-index > .rl-astro-ui__section {
  position: relative;
}
.rl-zodiac-frame .rl-astro-ui__section::before,
.rl-astro-ui.rl-zodiac-index > .rl-astro-ui__section::before {
  position: absolute;
  top: -24px;
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  background: #fff var(--rl-style-mandala,var(--rl-zodiac-ornament-image, none)) center / 44px no-repeat;
  content: "";
  opacity: .38;
  pointer-events: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__quick {
  margin: 0 auto 2.5rem;
}
.rl-astro-ui.rl-zodiac-index .rl-day-quick-grid {
  max-width: none;
}
.rl-astro-ui.rl-zodiac-index .rl-day-quick-link {
  color: var(--rl-astro-ui-text);
  text-decoration: none;
}
.rl-zodiac-index__table-wrap { margin: 0 0 1.4rem; }
.rl-astro-ui .rl-zodiac-index__dates {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  font-size: .9em;
  line-height: 1.5;
}
.rl-astro-ui .rl-zodiac-index__dates caption {
  padding: 0 0 .65rem;
  color: var(--rl-astro-ui-muted);
  text-align: left;
  font-size: .88em;
}
.rl-astro-ui .rl-zodiac-index__dates th,
.rl-astro-ui .rl-zodiac-index__dates td {
  padding: .65rem .6rem;
  border: 0;
  border-bottom: 1px solid var(--rl-astro-ui-line);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.rl-astro-ui .rl-zodiac-index__dates thead th {
  background: var(--rl-astro-ui-soft);
  font-weight: 700;
}
.rl-astro-ui .rl-zodiac-index__dates tbody th { font-weight: 600; }
@media (max-width: 420px) {
  .rl-astro-ui .rl-zodiac-index__dates { font-size: .8em; }
  .rl-astro-ui .rl-zodiac-index__dates th,
  .rl-astro-ui .rl-zodiac-index__dates td { padding: .6rem .3rem; }
}
.rl-astro-ui.rl-zodiac-index {
  width: 100%;
  max-width: 1040px;
  margin-inline: auto;
  padding: 0;
}
.rl-horoscope-profile.rl-horoscope-overview-page .entry-title-single {
  margin-bottom: .45rem;
  text-align: center;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: 760px;
  margin: 0 auto 3rem;
  padding: 2.6rem clamp(1rem, 5vw, 3.4rem) 1.8rem;
  text-align: center;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__intro::before {
  position: absolute;
  z-index: -1;
  top: .15rem;
  left: 50%;
  width: 230px;
  height: 230px;
  transform: translateX(-50%);
  background: var(--rl-style-mandala,var(--rl-zodiac-ornament-image, none)) center / contain no-repeat;
  content: "";
  opacity: var(--rl-style-mandala-intro-opacity,var(--rl-zodiac-ornament-opacity, .1));
  pointer-events: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__intro .rl-astro-ui__eyebrow {
  margin-bottom: .7rem;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__lead {
  max-width: 650px;
  margin: 0 auto;
  font-size: 1.08em;
  line-height: 1.75;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__jump {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .45rem .65rem;
  margin-top: 1.45rem;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__jump a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: .45rem .75rem;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--rl-astro-ui-accent-hover);
  font-size: .84em;
  font-weight: 600;
  text-decoration: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__jump a:hover {
  border-color: var(--rl-astro-ui-accent);
  background: var(--rl-astro-ui-soft);
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cards {
  margin: 0;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cards > h2,
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cards > .rl-zodiac-index__section-intro {
  text-align: center;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cards > h2 {
  margin-bottom: .45rem;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__section-intro {
  max-width: 760px;
  margin: 0 auto 1.35rem;
  color: var(--rl-astro-ui-muted);
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__grid > li {
  min-width: 0;
  margin: 0;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
  min-height: 166px;
  padding: 1.1rem;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: 10px;
  background: #fff;
  color: var(--rl-astro-ui-text);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card:hover {
  transform: translateY(-1px);
  border-color: var(--rl-astro-ui-accent);
  background: var(--rl-astro-ui-soft);
  color: var(--rl-astro-ui-text);
  text-decoration: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__media {
  position: relative;
  display: grid;
  overflow: hidden;
  flex: 0 0 86px;
  width: 86px;
  height: 86px;
  place-items: center;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: 10px;
  background: #fff;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__media::after {
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(155,55,103,.12);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__glyph {
  position: relative;
  z-index: 1;
  color: var(--rl-astro-ui-accent);
  font-family: "Segoe UI Symbol", "DejaVu Sans", sans-serif;
  font-size: 2.35rem;
  font-weight: 400;
  line-height: 1;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card-copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: .22rem;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card h3 {
  margin: 0;
  color: var(--rl-astro-ui-text);
  font-size: 1.08rem;
  line-height: 1.35;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__period {
  color: var(--rl-astro-ui-muted);
  font-size: .8em;
  line-height: 1.45;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__summary {
  margin-top: .2rem;
  color: var(--rl-astro-ui-text);
  font-size: .88em;
  line-height: 1.55;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card-cta {
  margin-top: auto;
  padding-top: .28rem;
  color: var(--rl-astro-ui-accent-hover);
  font-size: .8em;
  font-weight: 700;
  line-height: 1.45;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card-cta::after {
  content: " ›";
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__reading {
  max-width: var(--rl-astro-ui-reading-width);
  margin-inline: auto;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__wide {
  width: 100%;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__wide > h2,
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__wide > .rl-zodiac-index__section-intro {
  max-width: var(--rl-astro-ui-reading-width);
  margin-inline: auto;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic-grid {
  display: grid;
  gap: .8rem;
  margin-top: 1.5rem;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic-grid--four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic {
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid var(--rl-astro-ui-line);
  border-radius: 10px;
  background: #fff;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic h3 {
  margin: 0 0 .75rem;
  font-size: var(--rl-style-h3-size,1.08rem);
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic p {
  font-size: .91em;
  line-height: 1.67;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__sign-links {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .6rem;
  margin: 0 0 .85rem;
  padding: 0;
  list-style: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__sign-links li {
  margin: 0;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__sign-links a {
  font-size: .78em;
  font-weight: 700;
  text-decoration: none;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__sign-links a:hover {
  text-decoration: underline;
}
.rl-astro-ui.rl-zodiac-index .rl-zodiac-index__cta {
  max-width: 760px;
  margin-inline: auto;
}
@media (max-width: 820px) {
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic-grid--three {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__grid,
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic-grid--four {
    grid-template-columns: minmax(0, 1fr);
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card {
    min-height: 0;
  }
}
@media (max-width: 520px) {
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__intro {
    margin-bottom: 2.2rem;
    padding: 2rem .15rem 1.2rem;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__intro::before {
    width: 185px;
    height: 185px;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__jump {
    gap: .35rem;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__jump a {
    min-height: 38px;
    padding: .4rem .62rem;
    font-size: .78em;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card {
    gap: .8rem;
    padding: .9rem;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__media {
    flex-basis: 72px;
    width: 72px;
    height: 72px;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__glyph {
    font-size: 2rem;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__topic {
    padding: 1.05rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card {
    transition: none;
  }
  .rl-astro-ui.rl-zodiac-index .rl-zodiac-index__card:hover {
    transform: none;
  }
}
