.daily-horoscope {
  border-top:1px solid #e7c69330;
  margin-top:55px;
  padding-top:52px;
  padding-bottom:4px
}
.horoscope-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:55px;
  margin-bottom:38px
}
.horoscope-heading h2 {
  font-size:clamp(2.7rem,4vw,4.1rem);
  margin:0;
  line-height:1.05
}
.horoscope-heading h2 em {
  color:var(--gold)
}
.horoscope-intro {
  max-width:430px;
  color:var(--muted)
}
.horoscope-intro p {
  font-size:1rem;
  margin:0 0 15px
}
.horoscope-intro time {
  display:block;
  min-height:1.6em;
  font-size:.875rem;
  line-height:1.6;
  color:var(--gold)
}
.horoscope-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:16px
}
.horoscope-card {
  border:1px solid #e7c69340;
  border-radius:4px;
  background:#351b29;
  min-width:0;
  overflow:hidden;
  transition:border-color .2s,background .2s
}
.horoscope-card:hover {
  border-color:#e7c69388
}
.horoscope-card[open] {
  background:#3b2030;
  border-color:#e7c6939c
}
.horoscope-card summary {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:102px;
  padding:21px 20px;
  font-family:var(--serif);
  font-size:1.65rem;
  line-height:1.2;
  color:#fff4e5
}
.horoscope-card summary>span {
  flex:1;
  min-width:0;
  overflow-wrap:break-word
}
.horoscope-card summary::after {
  font-family:'DM Sans',sans-serif;
  font-size:1.2rem;
  line-height:1;
  color:var(--gold);
  flex-shrink:0
}
.horoscope-symbol {
  width:39px;
  height:39px;
  flex-shrink:0;
  color:var(--gold)
}
.horoscope-content {
  border-top:1px solid #e7c69328;
  margin:0 20px;
  padding:23px 0 25px
}
.horoscope-overview {
  font-size:1rem;
  line-height:1.85;
  margin:0 0 22px;
  color:#f0e3e5
}
.horoscope-highlights {
  margin:0 0 23px
}
.horoscope-highlights>div {
  margin-top:19px
}
.horoscope-highlights dt {
  font-size:.875rem;
  font-weight:600;
  color:var(--gold);
  margin-bottom:7px
}
.horoscope-highlights dd {
  font-size:.9375rem;
  line-height:1.8;
  margin:0;
  color:#d5c1ca
}
.horoscope-source {
  font-size:.8125rem;
  color:var(--gold);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  line-height:1.7;
  padding-top:5px
}
.horoscope-source:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.horoscope-credit {
  margin:26px 0 0;
  font-size:.75rem;
  color:#c8b7be;
  text-align:right;
  line-height:1.8
}
.horoscope-credit a {
  color:var(--gold);
  text-decoration:underline;
  text-underline-offset:3px
}
@media(max-width:1100px) {
  .horoscope-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.horoscope-card summary {
  font-size:1.6rem;
  padding:20px 18px;
  gap:12px
}
.horoscope-symbol {
  width:35px;
  height:35px
}
.horoscope-heading {
  gap:35px
}
.horoscope-intro {
  max-width:360px
}

}
@media(max-width:760px) {
  .daily-horoscope {
  margin-top:42px;
  padding-top:42px
}
.horoscope-heading {
  display:block;
  margin-bottom:28px
}
.horoscope-heading h2 {
  font-size:2.9rem
}
.horoscope-intro {
  max-width:none;
  margin-top:24px
}
.horoscope-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}
.horoscope-card summary {
  font-size:1.35rem;
  padding:17px 13px;
  gap:9px;
  min-height:86px
}
.horoscope-symbol {
  width:29px;
  height:29px
}
.horoscope-card[open] {
  grid-column:span 2
}
.horoscope-card[open] summary {
  font-size:1.7rem;
  padding-inline:20px
}
.horoscope-card[open] .horoscope-symbol {
  width:37px;
  height:37px
}
.horoscope-content {
  margin-inline:20px
}
.horoscope-overview,.horoscope-highlights dd {
  font-size:1rem
}
.horoscope-credit {
  text-align:left;
  font-size:.75rem
}

}
@media(max-width:390px) {
  .horoscope-card summary {
  font-size:1.2rem;
  padding-inline:10px;
  gap:6px
}
.horoscope-symbol {
  width:26px;
  height:26px
}
.horoscope-card summary::after {
  font-size:1rem
}

}
.horoscope-status {
  font-size:.9375rem;
  color:var(--muted);
  line-height:1.8;
  margin:0 0 20px
}