/* Homepage-only responsive polish; shared site header/footer remain untouched. */
#signs,#today{scroll-margin-top:100px}
#finder{scroll-margin-top:95px}
#signs .heading,#today .heading{max-width:760px;margin-inline:auto;margin-bottom:27px}
#signs .heading h2,#today .heading h2{line-height:1.8}
#signs .sign-grid,#today .sign-grid{gap:16px}
#signs .sign,#today .sign{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:210px;padding:22px 13px;border-radius:18px;overflow-wrap:anywhere}
#signs .sign .symbol{display:flex;justify-content:center;align-items:center;min-height:74px}
#signs .sign .symbol img{max-width:70px;max-height:70px;object-fit:contain}
#signs .sign h3,#today .sign h3{font-size:clamp(17px,1.5vw,21px);line-height:1.8;margin:6px 0}
#signs .sign p,#today .sign p{line-height:1.85;margin-top:8px}
#signs .sign .zodiac-hub-hint{display:inline-block;color:#0b4970;font-size:12px;margin-top:5px}
#signs .sign:focus-visible,#today .sign:focus-visible{outline:3px solid #c69a42;outline-offset:3px}
#today .sign{min-height:180px}
#today .sign img{width:48px;height:48px;object-fit:contain}
@media(max-width:850px){#signs .sign-grid,#today .sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#signs,#today{scroll-margin-top:80px}#signs .heading,#today .heading{margin-bottom:20px}#signs .heading h2,#today .heading h2{font-size:23px}#signs .heading p,#today .heading p{font-size:12px;line-height:2}#signs .sign-grid,#today .sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#signs .sign,#today .sign{min-height:178px;padding:16px 8px;border-radius:14px}#signs .sign .symbol{min-height:60px}#signs .sign .symbol img{max-width:54px;max-height:54px}#signs .sign h3,#today .sign h3{font-size:18px}#signs .sign p,#today .sign p{font-size:11px}#today .sign{min-height:157px}#today .sign img{width:43px;height:43px}}
@media(max-width:360px){#signs .sign-grid,#today .sign-grid{gap:8px}#signs .sign,#today .sign{padding:12px 6px}#signs .sign h3,#today .sign h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){#signs .sign,#today .sign{transition:none}#signs .sign:hover,#today .sign:hover{transform:none}}