/* Hora Lokatat Daily Horoscope Auto Publisher
 * v0.1.3 — layout only. Text colors intentionally inherit from the active theme.
 */
.hl-daily-horoscope {
  font: inherit;
  color: inherit;
  line-height: 1.75;
}

.hl-daily-horoscope > p:first-child {
  margin: 0 0 1.4rem;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid rgba(127,127,127,.22);
  border-radius: 20px;
  background: var(--hl-dhap-header-bg, transparent);
  color: inherit;
}

.hl-daily-horoscope > p:first-child strong {
  display: block;
  margin-bottom: .35rem;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  line-height: 1.3;
  color: inherit;
}

.hl-daily-horoscope h2 {
  margin: 1.15rem 0 0;
  padding: 1rem 1.25rem .35rem;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.35;
  color: inherit;
  background: transparent;
  border: 1px solid rgba(127,127,127,.18);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
}

.hl-daily-horoscope h2 + p {
  margin: 0;
  padding: .4rem 1.25rem 1.15rem;
  border: 1px solid rgba(127,127,127,.18);
  border-top: 0;
  border-radius: 0 0 18px 18px;
  background: transparent;
  color: inherit;
}

.hl-daily-horoscope hr {
  margin: 1.5rem 0 .9rem;
  border: 0;
  border-top: 1px solid rgba(127,127,127,.2);
}

.hl-daily-horoscope small,
.hl-daily-horoscope strong,
.hl-daily-horoscope p,
.hl-daily-horoscope h2 {
  color: inherit;
}

@media (max-width: 640px) {
  .hl-daily-horoscope > p:first-child,
  .hl-daily-horoscope h2,
  .hl-daily-horoscope h2 + p {
    border-radius: 14px;
  }
  .hl-daily-horoscope h2 {
    border-radius: 14px 14px 0 0;
  }
  .hl-daily-horoscope h2 + p {
    border-radius: 0 0 14px 14px;
  }
}