:root{--org:#E8630A;--org-d:#c9520a;--org-bg:#FFF0E8;--pur:#5B2D8E;--pur-d:#3e1f63;
  --red:#8B1A1A;--red-d:#5a0f0f;--cream:#FDF6EC;--beige:#F5E9D3;
  --wh:#fff;--dk:#1a1a1a;--mid:#4a3728;--lt:#7a6658;
  --grn:#2e7d32;--gld:#c9a227;--brd:#e8d5b8;--shd:0 4px 18px rgba(139,26,26,.09);}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hind',sans-serif;background:var(--cream);color:var(--dk)}
a{text-decoration:none;color:inherit}

/* ══ EXACT NAV FROM SCREENSHOT ══ */
.site-header{
  background:var(--wh);
  border-bottom:3px solid var(--red-d);
  position:sticky;top:0;z-index:200;
}
.main-nav{
  max-width:1280px;margin:0 auto;padding:0 28px;
  height:62px;display:flex;align-items:center;gap:0;
}
.nav-links{list-style:none;display:flex;align-items:center;gap:0;flex:1}
.nav-links li a{
  display:block;padding:8px 18px;
  font-size:14px;font-weight:500;color:var(--mid);
  border-radius:8px;transition:all .18s;
  white-space:nowrap;
}
.nav-links li a:hover{color:var(--org)}
.nav-links li a.nav-active{
  background:var(--org-bg);
  color:var(--org);
  font-weight:600;
  border-radius:8px;
}
.kundli-btn{
  background:var(--org);color:var(--wh);
  padding:10px 22px;border-radius:7px;
  font-size:13.5px;font-weight:700;
  margin-left:16px;white-space:nowrap;
  transition:background .18s;
}
.kundli-btn:hover{background:var(--org-d)}
.mob-btn{display:none;background:none;border:none;font-size:22px;color:var(--mid);cursor:pointer;margin-left:12px}
.mob-drawer{display:none;flex-direction:column;background:var(--wh);padding:12px 28px 18px;border-top:1px solid var(--beige)}
.mob-drawer a{padding:11px 0;font-size:14px;color:var(--mid);border-bottom:1px solid var(--beige);font-weight:500}
.mob-drawer a:last-child{border-bottom:none}
.mob-drawer .mob-kundli{background:var(--org);color:var(--wh);text-align:center;border-radius:6px;margin-top:12px;padding:11px;font-weight:700;border:none}
.mob-drawer.open{display:flex}
@media(max-width:860px){.nav-links .nav-links,.kundli-btn{display:none}.mob-btn{display:block}}
@media(max-width:860px){.nav-links{display:none}.kundli-btn{display:none}}

/* ══ SUB-NAV (exact screenshot style) ══ */
.subnav{background:var(--wh);border-bottom:1px solid var(--brd);position:sticky;top:65px;z-index:190}
.sn-inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;overflow-x:auto;scrollbar-width:none}
.sn-inner::-webkit-scrollbar{display:none}
.sn-inner a{
  display:block;padding:14px 22px 12px;
  font-size:14px;font-weight:500;color:var(--lt);
  border-bottom:3px solid transparent;
  white-space:nowrap;transition:all .18s;
}
.sn-inner a:hover{color:var(--org)}
.sn-inner a.sn-on{color:var(--org);font-weight:700;border-bottom-color:var(--org)}

/* ══ RASHI BAR ══ */
.rashi-bar{background:linear-gradient(90deg,var(--red-d),var(--red),#a02020);padding:15px 0;overflow-x:auto}
.rb-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:8px;min-width:max-content}
.rchip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);min-width:64px;transition:all .2s}
.rchip:hover,.rchip-on{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)}
.rsym{font-size:19px;line-height:1}
.ren{font-size:10px;font-weight:700;color:rgba(255,255,255,.92)}
.rhi{font-size:10px;color:rgba(255,255,255,.58);font-family:'Noto Sans Devanagari',sans-serif}

/* ══ PAGE HERO ══ */
.page-hero{background:linear-gradient(135deg,var(--red-d),var(--red) 52%,#a02020);padding:44px 28px 38px;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E") repeat}
.eyebrow{position:relative;color:#FFD580;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.page-hero h1{font-family:'Cinzel',serif;font-size:clamp(22px,4vw,38px);color:var(--wh);position:relative}
.accent{color:#FFD580}
.page-hero .sub{color:rgba(255,255,255,.78);font-size:15px;margin:10px auto 0;position:relative;max-width:580px;line-height:1.6}
.hero-sym{font-size:60px;display:block;position:relative;margin-bottom:8px}
.pills{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap;position:relative}
.pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:50px;padding:5px 14px;color:#FFD580;font-size:12px;font-weight:500}

/* ══ BREADCRUMB ══ */
.bc{max-width:1280px;margin:0 auto;padding:14px 28px 0;font-size:12px;color:var(--lt)}
.bc a{color:var(--lt)}.bc a:hover{color:var(--org)}

/* ══ MAIN LAYOUT ══ */
.wrap{max-width:1280px;margin:0 auto;padding:32px 28px 64px;display:grid;grid-template-columns:1fr 290px;gap:30px}
@media(max-width:920px){.wrap{grid-template-columns:1fr}}
.sec-title{font-family:'Cinzel',serif;font-size:20px;color:var(--red);margin-bottom:8px}
.rule{width:40px;height:3px;background:linear-gradient(90deg,var(--org),var(--gld));border-radius:2px;margin-bottom:22px}

/* rest of CSS omitted for brevity in this preview — full file contains entire stylesheet from the source template */

.site-footer{background:#1a0a0a;color:rgba(255,255,255,.65);padding-top:0}
/* Ensure content-card headings inside the horoscope template receive correct styling
   (added with higher specificity to override theme styles) */
.bh-horoscope-template .content-card h2{
  font-family:'Cinzel',serif;
  font-size:17px;
  color:var(--red);
  margin-bottom:13px;
}

.bh-horoscope-template .content-card p{
  font-size:13.5px;
  color:var(--mid);
  line-height:1.85;
  margin-bottom:12px;
}

:root{--org:#E8630A;--org-d:#c9520a;--org-bg:#FFF0E8;--pur:#5B2D8E;--pur-d:#3e1f63; --red:#8B1A1A;--red-d:#5a0f0f;--cream:#FDF6EC;--beige:#F5E9D3; --wh:#fff;--dk:#1a1a1a;--mid:#4a3728;--lt:#7a6658; --grn:#2e7d32;--gld:#c9a227;--brd:#e8d5b8;--shd:0 4px 18px rgba(139,26,26,.09);} *{box-sizing:border-box;margin:0;padding:0} body{font-family:'Hind',sans-serif;background:var(--cream);color:var(--dk)} a{text-decoration:none;color:inherit} /* ══ EXACT NAV FROM SCREENSHOT ══ */ .site-header{ background:var(--wh); border-bottom:3px solid var(--red-d); position:sticky;top:0;z-index:200; } .main-nav{ max-width:1280px;margin:0 auto;padding:0 28px; height:62px;display:flex;align-items:center;gap:0; } .nav-links{list-style:none;display:flex;align-items:center;gap:0;flex:1} .nav-links li a{ display:block;padding:8px 18px; font-size:14px;font-weight:500;color:var(--mid); border-radius:8px;transition:all .18s; white-space:nowrap; } .nav-links li a:hover{color:var(--org)} /* Active = orange pill — exact screenshot style */ .nav-links li a.nav-active{ background:var(--org-bg); color:var(--org); font-weight:600; border-radius:8px; } .kundli-btn{ background:var(--org);color:var(--wh); padding:10px 22px;border-radius:7px; font-size:13.5px;font-weight:700; margin-left:16px;white-space:nowrap; transition:background .18s; } .kundli-btn:hover{background:var(--org-d)} .mob-btn{display:none;background:none;border:none;font-size:22px;color:var(--mid);cursor:pointer;margin-left:12px} .mob-drawer{display:none;flex-direction:column;background:var(--wh);padding:12px 28px 18px;border-top:1px solid var(--beige)} .mob-drawer a{padding:11px 0;font-size:14px;color:var(--mid);border-bottom:1px solid var(--beige);font-weight:500} .mob-drawer a:last-child{border-bottom:none} .mob-drawer .mob-kundli{background:var(--org);color:var(--wh);text-align:center;border-radius:6px;margin-top:12px;padding:11px;font-weight:700;border:none} .mob-drawer.open{display:flex} @media(max-width:860px){.nav-links .nav-links,.kundli-btn{display:none}.mob-btn{display:block}} @media(max-width:860px){.nav-links{display:none}.kundli-btn{display:none}} /* ══ SUB-NAV (exact screenshot style) ══ */ .subnav{background:var(--wh);border-bottom:1px solid var(--brd);position:sticky;top:65px;z-index:190} .sn-inner{max-width:1280px;margin:0 auto;padding:0 28px;display:flex;overflow-x:auto;scrollbar-width:none} .sn-inner::-webkit-scrollbar{display:none} .sn-inner a{ display:block;padding:14px 22px 12px; font-size:14px;font-weight:500;color:var(--lt); border-bottom:3px solid transparent; white-space:nowrap;transition:all .18s; } .sn-inner a:hover{color:var(--org)} .sn-inner a.sn-on{color:var(--org);font-weight:700;border-bottom-color:var(--org)} /* ══ RASHI BAR ══ */ .rashi-bar{background:linear-gradient(90deg,var(--red-d),var(--red),#a02020);padding:15px 0;overflow-x:auto} .rb-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:8px;min-width:max-content} .rchip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);min-width:64px;transition:all .2s} .rchip:hover,.rchip-on{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)} .rsym{font-size:19px;line-height:1} .ren{font-size:10px;font-weight:700;color:rgba(255,255,255,.92)} .rhi{font-size:10px;color:rgba(255,255,255,.58);font-family:'Noto Sans Devanagari',sans-serif} /* ══ PAGE HERO ══ */ .page-hero{background:linear-gradient(135deg,var(--red-d),var(--red) 52%,#a02020);padding:44px 28px 38px;text-align:center;position:relative;overflow:hidden} .page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E") repeat} .eyebrow{position:relative;color:#FFD580;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:10px} .page-hero h1{font-family:'Cinzel',serif;font-size:clamp(22px,4vw,38px);color:var(--wh);position:relative} .accent{color:#FFD580} .page-hero .sub{color:rgba(255,255,255,.78);font-size:15px;margin:10px auto 0;position:relative;max-width:580px;line-height:1.6} .hero-sym{font-size:60px;display:block;position:relative;margin-bottom:8px} .pills{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap;position:relative} .pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:50px;padding:5px 14px;color:#FFD580;font-size:12px;font-weight:500} /* ══ BREADCRUMB ══ */ .bc{max-width:1280px;margin:0 auto;padding:14px 28px 0;font-size:12px;color:var(--lt)} .bc a{color:var(--lt)}.bc a:hover{color:var(--org)} /* ══ MAIN LAYOUT ══ */ .wrap{max-width:1280px;margin:0 auto;padding:32px 28px 64px;display:grid;grid-template-columns:1fr 290px;gap:30px} @media(max-width:920px){.wrap{grid-template-columns:1fr}} .sec-title{font-family:'Cinzel',serif;font-size:20px;color:var(--red);margin-bottom:8px} .rule{width:40px;height:3px;background:linear-gradient(90deg,var(--org),var(--gld));border-radius:2px;margin-bottom:22px} /* ══ 3-COLUMN RASHI GRID (daily/weekly/monthly/yearly pages) ══ */ .rashi-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } @media(max-width:860px){.rashi-grid-3{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.rashi-grid-3{grid-template-columns:1fr}} .rg-card{ background:var(--wh); border:1px solid var(--brd); border-radius:13px; overflow:hidden; box-shadow:var(--shd); display:flex;flex-direction:column; transition:transform .2s,box-shadow .2s; } .rg-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(139,26,26,.14)} .rg-head{ text-align:center; padding:20px 14px 14px; border-bottom:1px solid var(--beige); background:linear-gradient(160deg,var(--beige) 0%,#f0dfc5 100%); } .rg-sym{font-size:38px;display:block;margin-bottom:6px} .rg-en{font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:var(--dk)} .rg-hi{font-size:12px;color:var(--lt);font-family:'Noto Sans Devanagari',sans-serif;margin-top:2px} .rg-dates{font-size:10px;color:var(--lt);margin-top:3px} .rg-lord{font-size:10.5px;color:var(--org);font-weight:600;margin-top:3px} .rg-body{padding:14px 15px;flex:1} .rg-pred{font-size:12.5px;color:var(--mid);line-height:1.72} .rg-stars{ display:grid;grid-template-columns:repeat(4,1fr); gap:5px;margin:12px 0 0; } .rg-star{text-align:center;background:var(--cream);border-radius:6px;padding:7px 4px} .rg-star .sl{font-size:9.5px;color:var(--lt);font-weight:700;margin-bottom:3px} .rg-star .ss{color:var(--gld);font-size:11px} .rg-foot{ padding:10px 15px 14px; border-top:1px solid var(--beige); display:flex;flex-direction:column;gap:7px; } .rg-tags{display:flex;flex-wrap:wrap;gap:5px} .rg-tag{background:var(--cream);border:1px solid var(--brd);border-radius:50px;padding:2px 10px;font-size:10.5px;color:var(--mid)} .rg-tag b{color:var(--org)} .rg-btn{ display:block;text-align:center; background:var(--org);color:var(--wh); border-radius:7px;padding:8px; font-size:12.5px;font-weight:700; transition:background .2s;margin-top:4px; } .rg-btn:hover{background:var(--org-d)} /* ══ HUB grid (12 cards) ══ */ .hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px} @media(max-width:880px){.hub-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:540px){.hub-grid{grid-template-columns:repeat(2,1fr)}} .hcard{background:var(--wh);border:1px solid var(--brd);border-radius:12px;overflow:hidden;box-shadow:var(--shd);display:block;transition:transform .2s,box-shadow .2s} .hcard:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(139,26,26,.14)} .hcard-head{padding:18px 14px 12px;text-align:center;background:linear-gradient(160deg,var(--beige),#f0dfc5)} .hcard-sym{font-size:32px;display:block;margin-bottom:4px} .hcard-en{font-family:'Cinzel',serif;font-size:13px;font-weight:700;color:var(--dk)} .hcard-hi{font-size:11px;color:var(--lt);font-family:'Noto Sans Devanagari',sans-serif} .hcard-dates{font-size:9.5px;color:var(--lt);margin-top:2px} .hcard-pred{padding:10px 13px;font-size:11.5px;color:var(--mid);line-height:1.65;border-top:1px solid var(--beige)} .hcard-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-top:1px solid var(--beige)} .hcard-foot a{color:var(--org);font-size:11.5px;font-weight:700} .hcard-badge{background:#e8f5e9;color:var(--grn);font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:50px;border:1px solid #c8e6c9} /* ══ INDIVIDUAL RASHI TABS ══ */ .rtab-row{display:flex;background:var(--beige);border-radius:9px;padding:4px;margin-bottom:24px;gap:0} .rtab{flex:1;text-align:center;padding:9px;border-radius:7px;font-size:13px;font-weight:600;color:var(--lt);cursor:pointer;border:none;background:transparent;font-family:'Hind',sans-serif;transition:all .2s} .rtab.on{background:var(--org);color:var(--wh)} .content-card{background:var(--wh);border:1px solid var(--brd);border-radius:13px;padding:22px;margin-bottom:20px;box-shadow:var(--shd)} .content-card h2{font-family:'Cinzel',serif;font-size:17px;color:var(--red);margin-bottom:13px} .content-card p{font-size:13.5px;color:var(--mid);line-height:1.85;margin-bottom:12px} .ratings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px} .rat-row{background:var(--cream);border-radius:8px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center} .rat-row .rl{font-size:12.5px;font-weight:600;color:var(--mid)} .rat-row .rs{color:var(--gld);font-size:13px} .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:6px} .det-item{background:var(--cream);border-radius:8px;padding:10px 13px} .det-item .dl{font-size:9.5px;color:var(--lt);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px} .det-item .dv{font-size:13px;font-weight:600;color:var(--dk)} .other-rashis{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px} .or-btn{padding:6px 12px;border:1.5px solid var(--brd);border-radius:7px;font-size:11.5px;color:var(--mid);background:var(--wh);display:inline-block;transition:all .2s} .or-btn:hover{border-color:var(--org);color:var(--org)} /* ══ SIDEBAR ══ */ .sidebar{display:flex;flex-direction:column;gap:18px} .sb-box{background:var(--wh);border:1px solid var(--brd);border-radius:13px;padding:18px;box-shadow:var(--shd)} .sb-box h3{font-family:'Cinzel',serif;font-size:14px;color:var(--red);margin-bottom:13px;padding-bottom:9px;border-bottom:1px solid var(--beige)} .sb-form{display:flex;flex-direction:column;gap:8px} .sb-form input{width:100%;padding:9px 12px;border:1.5px solid var(--brd);border-radius:7px;font-size:13px;font-family:'Hind',sans-serif;outline:none;background:var(--cream)} .sb-form input:focus{border-color:var(--org)} .sb-form button{width:100%;background:var(--org);color:var(--wh);border:none;border-radius:7px;padding:10px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:'Hind',sans-serif} .panch{display:flex;flex-direction:column} .pr{display:flex;justify-content:space-between;font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--beige)} .pr:last-child{border-bottom:none} .pr span:first-child{color:var(--lt);font-weight:600} .pr span:last-child{color:var(--dk);font-weight:600;text-align:right} .sb-cta{background:linear-gradient(135deg,var(--pur-d),var(--pur));border-radius:13px;padding:18px;text-align:center;color:var(--wh)} .sb-cta h3{font-family:'Cinzel',serif;font-size:13.5px;color:#FFD580;margin-bottom:7px} .sb-cta p{font-size:11.5px;color:rgba(255,255,255,.75);margin-bottom:13px;line-height:1.55} .cta-price{font-family:'Cinzel',serif;font-size:22px;color:#FFD580;margin-bottom:11px} .cta-price span{font-size:12px;color:rgba(255,255,255,.5)} .sb-cta a{display:block;background:var(--org);color:var(--wh);padding:10px;border-radius:7px;font-size:13px;font-weight:700} /* ══ FOOTER ══ */ .site-footer{background:#1a0a0a;color:rgba(255,255,255,.65);padding-top:0} .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:36px;max-width:1280px;margin:0 auto;padding:50px 28px 38px} @media(max-width:900px){.ft-grid{grid-template-columns:1fr 1fr;gap:28px}.ft-brand{grid-column:span 2}} @media(max-width:540px){.ft-grid{grid-template-columns:1fr}.ft-brand{grid-column:span 1}} .ft-logo{font-family:'Cinzel',serif;font-size:20px;color:var(--wh);font-weight:700;margin-bottom:4px} .ft-tagline{font-size:11px;color:rgba(255,255,255,.38);letter-spacing:2px;text-transform:uppercase;margin-bottom:13px} .ft-brand p{font-size:12.5px;color:rgba(255,255,255,.58);line-height:1.8;margin-bottom:15px} .ft-contact{display:flex;flex-direction:column;gap:5px;margin-bottom:15px} .ft-contact a,.ft-contact span{font-size:12px;color:rgba(255,255,255,.55)} .ft-contact a:hover{color:var(--org)} .ft-social{display:flex;gap:8px} .ft-social a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:13px;transition:all .2s} .ft-social a:hover{background:var(--org);border-color:var(--org);color:var(--wh)} .ft-col h4{font-family:'Cinzel',serif;font-size:12.5px;color:var(--wh);font-weight:600;letter-spacing:.5px;margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)} .ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px} .ft-col ul a{font-size:12.5px;color:rgba(255,255,255,.52);transition:color .2s} .ft-col ul a:hover{color:var(--org)} .ft-bottom{border-top:1px solid rgba(255,255,255,.07);padding:13px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1280px;margin:0 auto;font-size:12px;color:rgba(255,255,255,.28)} .ft-legal{display:flex;gap:14px;flex-wrap:wrap} .ft-legal a{font-size:12px;color:rgba(255,255,255,.28);transition:color .2s} .ft-legal a:hover{color:rgba(255,255,255,.6)}


:root{--org:#E8630A;--org-d:#c9520a;--org-bg:#FFF0E8;--pur:#5B2D8E;--pur-d:#3e1f63;
--red:#8B1A1A;--red-d:#5a0f0f;--cream:#FDF6EC;--beige:#F5E9D3;
--wh:#fff;--dk:#1a1a1a;--mid:#4a3728;--lt:#7a6658;
--grn:#2e7d32;--gld:#c9a227;--brd:#e8d5b8;--shd:0 4px 18px rgba(139,26,26,.09);}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hind',sans-serif;background:var(--cream);color:var(--dk)}
a{text-decoration:none;color:inherit}

/* Rashi bar */
.rashi-bar{background:linear-gradient(90deg,var(--red-d),var(--red),#a02020);padding:15px 0;overflow-x:auto}
.rb-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:8px;min-width:max-content}
.rchip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);min-width:64px;transition:all .2s}
.rchip:hover,.rchip-on{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45)}
.rsym{font-size:19px;line-height:1}
.ren{font-size:10px;font-weight:700;color:rgba(255,255,255,.92)}
.rhi{font-size:10px;color:rgba(255,255,255,.58);font-family:'Noto Sans Devanagari',sans-serif}

/* Page hero */
.page-hero{background:linear-gradient(135deg,var(--red-d),var(--red) 52%,#a02020);padding:44px 28px 38px;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E") repeat}
.eyebrow{position:relative;color:#FFD580;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.page-hero h1{font-family:'Cinzel',serif;font-size:clamp(22px,4vw,38px);color:var(--wh);position:relative}
.accent{color:#FFD580}
.page-hero .sub{color:rgba(255,255,255,.78);font-size:15px;margin:10px auto 0;position:relative;max-width:580px;line-height:1.6}
.hero-sym{font-size:60px;display:block;position:relative;margin-bottom:8px}
.pills{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap;position:relative}
.pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:50px;padding:5px 14px;color:#FFD580;font-size:12px;font-weight:500}

/* Layout */
.bc{max-width:1280px;margin:0 auto;padding:14px 28px 0;font-size:12px;color:var(--lt)}
.wrap{max-width:1280px;margin:0 auto;padding:32px 28px 64px;display:grid;grid-template-columns:1fr 290px;gap:30px}
@media(max-width:920px){.wrap{grid-template-columns:1fr}}
.sec-title{font-family:'Cinzel',serif;font-size:20px;color:var(--red);margin-bottom:8px}
.rule{width:40px;height:3px;background:linear-gradient(90deg,var(--org),var(--gld));border-radius:2px;margin-bottom:22px}

/* Cards /
.rashi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.rashi-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.rashi-grid-3{grid-template-columns:1fr}}
.rg-card{background:var(--wh);border:1px solid var(--brd);border-radius:13px;overflow:hidden;box-shadow:var(--shd);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.rg-head{text-align:center;padding:20px 14px 14px;border-bottom:1px solid var(--beige);background:linear-gradient(160deg,var(--beige) 0%,#f0dfc5 100%)}
.rg-sym{font-size:38px;display:block;margin-bottom:6px}
.rg-en{font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:var(--dk)}
.rg-hi{font-size:12px;color:var(--lt);font-family:'Noto Sans Devanagari',sans-serif;margin-top:2px}
.rg-dates{font-size:10px;color:var(--lt);margin-top:3px}
.rg-lord{font-size:10.5px;color:var(--org);font-weight:600;margin-top:3px}
.rg-body{padding:14px 15px;flex:1}
.rg-pred{font-size:12.5px;color:var(--mid);line-height:1.72}
.rg-stars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0 0}
.rg-star{text-align:center;background:var(--cream);border-radius:6px;padding:7px 4px}
.rg-star .sl{font-size:9.5px;color:var(--lt);font-weight:700;margin-bottom:3px}
.rg-star .ss{color:var(--gld);font-size:11px}
.rg-foot{padding:10px 15px 14px;border-top:1px solid var(--beige);display:flex;flex-direction:column;gap:7px}
.rg-tags{display:flex;flex-wrap:wrap;gap:5px}
.rg-tag{background:var(--cream);border:1px solid var(--brd);border-radius:50px;padding:2px 10px;font-size:10.5px;color:var(--mid)}
.rg-tag b{color:var(--org)}
.rg-btn{display:block;text-align:center;background:var(--org);color:var(--wh);border-radius:7px;padding:8px;font-size:12.5px;font-weight:700;transition:background .2s;margin-top:4px}
.rg-btn:hover{background:var(--org-d)}
/ Sidebar/small stuff */
.sb-box{background:var(--wh);border:1px solid var(--brd);border-radius:13px;padding:18px;box-shadow:var(--shd)}
.sb-form{display:flex;flex-direction:column;gap:8px}
.sb-form input{width:100%;padding:9px 12px;border:1.5px solid var(--brd);border-radius:7px;font-size:13px}