/* V101.95.1 — compact title + refined active tabs + more visible content */
body[data-service-id="daily-horoscope"] .daily-horoscope-shell{
  padding-top:6px!important;
}

/* Smaller Daily Horoscope title block */
.dg-titleblock{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:4px 2px 5px!important;
}
.dg-titleicon{
  width:42px!important;
  height:42px!important;
  font-size:23px!important;
}
.dg-titleblock h1{
  font-size:22px!important;
  line-height:1!important;
}
.dg-titleblock p{
  margin:2px 0 0!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}
.dg-breadcrumb{
  margin-top:2px!important;
  font-size:9.5px!important;
}
.dg-date input{
  height:29px!important;
}
.dg-date label{
  font-size:8.5px!important;
}

/* Refined Zodiac / Nakshatra active state — no yellow filled block */
.dg-modebar{
  padding:4px 0 3px!important;
  gap:14px!important;
}
.dg-modebar button{
  height:27px!important;
  padding:0 7px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#e7eee9!important;
  font-size:10.5px!important;
  border-bottom:2px solid transparent!important;
}
.dg-modebar button.active{
  background:rgba(216,173,58,.06)!important;
  color:#f0c451!important;
  border:1px solid rgba(216,173,58,.35)!important;
  border-bottom:2px solid #e0b33d!important;
  box-shadow:0 0 0 1px rgba(216,173,58,.04)!important;
}

/* Tighten selector area */
.dg-selector-wrap{
  padding:3px 0 2px!important;
}
.dg-carousel{
  grid-template-columns:25px minmax(0,1fr) 25px!important;
  gap:3px!important;
}
.dg-car-btn{
  width:25px!important;
  height:40px!important;
  font-size:18px!important;
}
.daily-choice{
  flex:0 0 72px!important;
  min-width:72px!important;
  max-width:72px!important;
  padding:4px 2px!important;
}
.daily-choice span{
  font-size:19px!important;
}
.daily-choice strong{
  font-size:8.5px!important;
  margin-top:2px!important;
  line-height:1.02!important;
}

/* Tighten upper section and result card */
.dg-upper{
  gap:7px!important;
  margin-top:5px!important;
}
.dg-right{
  padding:7px!important;
}
.dg-placeholder{
  min-height:198px!important;
}
.dg-placeholder .orb{
  width:76px!important;
  height:76px!important;
  font-size:36px!important;
  margin-bottom:6px!important;
}
.dg-placeholder strong{
  font-size:16px!important;
}
.dg-placeholder p{
  font-size:10px!important;
}

/* Reduce six guidance cards so more stays above fold */
.dg-six{
  gap:5px!important;
  margin-top:5px!important;
}
.dg-six-card{
  min-height:125px!important;
  padding:6px!important;
}
.dg-six-head{
  margin-bottom:4px!important;
}
.dg-six-icon{
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}
.dg-six-card strong{
  font-size:10px!important;
}
.dg-six-card p{
  font-size:9.8px!important;
  line-height:1.3!important;
  margin-top:4px!important;
}
.dg-six-card small{
  margin-top:5px!important;
  padding-top:4px!important;
  font-size:8.5px!important;
}
.dg-bottom{
  margin-top:4px!important;
  padding:4px 6px!important;
  font-size:8.8px!important;
}

/* Selected sign itself should also remain subtle, not yellow-filled */
.daily-choice.active{
  border-color:#d8ad3a!important;
  background:rgba(216,173,58,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(216,173,58,.05)!important;
}

@media(max-width:1250px){
  .daily-choice{
    flex-basis:68px!important;
    min-width:68px!important;
    max-width:68px!important;
  }
}

/* V10269 launch: Daily Horoscope has enough horizontal room for clear contextual navigation. */
.dg-breadcrumb{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:7px!important;
  margin-top:7px!important;font-size:11.5px!important;
}
.dg-breadcrumb a{
  display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;
  border:1px solid rgba(224,179,61,.38);border-radius:9px;
  background:rgba(4,35,27,.42);color:#efc85d!important;text-decoration:none;font-weight:800;
}
.dg-breadcrumb a:hover{border-color:#e0b33d;background:rgba(224,179,61,.10)}
.dg-breadcrumb span{display:none}
@media(max-width:640px){.dg-breadcrumb a{min-height:31px;padding:5px 8px;font-size:10.5px}}

/* V10269 launch: show an unambiguous human-readable date while retaining native date input. */
.dg-date{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 8px}
.dg-date .dg-date-readable{grid-column:2;color:var(--muted,#b8c9c2);font-size:10.5px;line-height:1.2;white-space:nowrap;text-align:left}
@media(max-width:760px){.dg-date{grid-template-columns:1fr}.dg-date .dg-date-readable{grid-column:1}}


/* v10270: use the wide desktop title row for navigation instead of a tiny breadcrumb below the title. */
@media(min-width:1051px){
 .dg-titleblock{display:grid!important;grid-template-columns:56px minmax(300px,1fr) auto auto!important;align-items:center!important;column-gap:18px!important}
 .dg-title-copy{min-width:0!important}
 .dg-breadcrumb{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;justify-self:end!important;white-space:nowrap!important}
 .dg-breadcrumb a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:9px 13px!important;border:1px solid rgba(232,188,74,.42)!important;border-radius:12px!important;text-decoration:none!important;font-weight:800!important;color:#ffd45a!important;background:rgba(5,47,35,.72)!important}
 .dg-breadcrumb span{display:none!important}
 .dg-date{justify-self:end!important}
}
@media(max-width:1050px){.dg-titleblock{grid-template-columns:56px minmax(0,1fr) auto!important}.dg-breadcrumb{grid-column:2/-1!important;justify-self:start!important;margin-top:8px!important}}