html body main[data-horoscope-detail]{width:min(1240px,calc(100% - 32px));margin:auto;color:var(--hc-ink);padding-bottom:32px}
html body main[data-horoscope-detail]>div{padding-inline:0!important;max-width:none!important}
html body main[data-horoscope-detail] [data-old-zodiac-portrait]{display:none!important}
html body main[data-horoscope-detail] .detail-hero{grid-template-columns:1fr auto!important;min-height:190px;padding:28px!important;border:0!important;background-size:cover!important;background-position:center 42%!important;box-shadow:none!important}
html body main[data-horoscope-detail] .detail-hero>*{position:relative}
html body main[data-horoscope-detail] .detail-hero h1,html body main[data-horoscope-detail] .detail-hero div,html body main[data-horoscope-detail] .detail-hero span{color:#fff!important}
html body main[data-horoscope-detail] .detail-hero button{background:var(--hc-gold,#dfba32)!important;color:#172b28!important;border:0!important;box-shadow:none!important}
html body main[data-horoscope-detail] .detail-hero button span{color:inherit!important}
html body main[data-horoscope-detail] [class*="rounded-[22px]"],html body main[data-horoscope-detail] [class*="rounded-[24px]"]{background:#88888814!important;backdrop-filter:blur(20px);border:0!important;box-shadow:none!important}
html body main[data-horoscope-detail] [data-zodiac-tile]{min-height:145px;display:flex!important;flex-direction:column;justify-content:flex-end;border:0!important}
html body main[data-horoscope-detail] [data-zodiac-tile]{min-height:182px!important;border-radius:20px!important;padding:20px 10px!important;text-align:center!important;background-size:cover!important;background-position:center!important}
html body main[data-horoscope-detail] [data-zodiac-tile] div{color:#fff!important;text-shadow:0 1px 4px #000}
html body main[data-horoscope-detail] p{line-height:1.8!important}
html body main[data-horoscope-detail] a:focus-visible,html body main[data-horoscope-detail] button:focus-visible{outline:2px solid var(--hc-gold);outline-offset:3px}
@media(max-width:720px){html body main[data-horoscope-detail]{width:calc(100% - 24px)}html body main[data-horoscope-detail] .detail-hero{display:block!important;padding:22px!important}html body main[data-horoscope-detail] [data-zodiac-tile]{min-height:130px}}

html body main[data-horoscope-detail] .detail-hero.zodiac-aquarius{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/aquarius.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-aries{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/aries.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-cancer{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/cancer.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-capricorn{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/capricorn.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-gemini{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/gemini.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-leo{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/leo.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-libra{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/libra.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-pisces{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/pisces.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-sagittarius{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/sagittarius.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-scorpio{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/scorpio.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-taurus{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/taurus.png)!important}
html body main[data-horoscope-detail] .detail-hero.zodiac-virgo{background-image:linear-gradient(90deg,#031215ed,#03121566),url(/assets/zodiac-backgrounds/virgo.png)!important}.detail-sign-menu{position:absolute!important;inset-inline-end:0;top:100%;z-index:30;min-width:215px;max-height:260px;overflow:auto;border-radius:14px;background:#173c3b;box-shadow:0 8px 24px #0005;padding:8px}.detail-sign-menu[hidden]{display:none!important}.detail-sign-menu a{display:block;padding:9px 14px;color:#fff!important;border-radius:8px}.detail-sign-menu a:hover,.detail-sign-menu a:focus{background:var(--hc-gold);color:#173c3b!important}html body main[data-horoscope-detail] .detail-hero{overflow:visible!important}
body:has(main[data-horoscope-detail]) footer.mobile-only,body.daily-horoscope-redesign footer.mobile-only{display:none!important}
body:has(main[data-horoscope-detail]) footer.desktop-only,body.daily-horoscope-redesign footer.desktop-only{display:block!important}
@media(max-width:720px){html body:has(main[data-horoscope-detail]){overflow-x:hidden!important}html body main[data-horoscope-detail] *{min-width:0}html body main[data-horoscope-detail] [class*="grid-cols-["]{grid-template-columns:minmax(0,1fr)!important}html body main[data-horoscope-detail] img{max-width:100%}}
html body main [data-wide-report]{grid-template-columns:minmax(0,1fr)!important;width:100%!important}html body main [data-wide-report]>:first-child{width:100%!important;max-width:none!important;min-width:0!important}
html body main[data-horoscope-detail] section[class*="mt-10 max-[750px]:mt-7 pb-14"]{display:none!important}
html body main[data-horoscope-detail] section[class*="mt-10 pb-8 max-[750px]:mt-8"]{display:none!important}
/* Hide the "More Today" link panel if a page is regenerated from source. */
html body main[data-horoscope-detail] div:has(>div>a[href*="today-panchang"]):has(>div>a[href*="rahu-kaal"]){display:none!important}
/* Full-width lower reports across all horoscope periods and languages. */
html body main[data-horoscope-detail] [class*="grid-cols-[1fr_"][class~="mt-14"]{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
html body main[data-horoscope-detail] [class*="grid-cols-[1fr_"][class~="mt-14"]>:first-child{width:100%!important;max-width:none!important;min-width:0!important}
