/* AnantDrristi — blog pages: light + rangeen (site.css ke upar) */

/* ---------- canvas ---------- */
body{
  background-color:#FBF9F4;
  color:#4A443B;
  background-image:
    radial-gradient(1150px 640px at 8% -12%,  rgba(179,45,107,.10), transparent 62%),
    radial-gradient(980px 560px at 100% -2%,  rgba(18,121,106,.11), transparent 60%),
    radial-gradient(880px 640px at 48% 106%,  rgba(107,63,181,.09), transparent 66%);
  background-attachment:fixed;
  background-repeat:no-repeat;
}
a{color:#8A6A15}
p{color:#4A443B}

/* ---------- crumb / headings ---------- */
.crumb{color:#8C8577}
.crumb a{color:#8A6A15}
h1{color:#14100C;letter-spacing:-.4px}
h2{color:#14100C;position:relative;padding-left:18px}
h2::before{
  content:"";position:absolute;left:0;top:.28em;bottom:.20em;width:5px;border-radius:4px;
  background:linear-gradient(180deg,#D4A72C,#B32D6B);
}
h3{color:#8A6A15}

/* ---------- tagline chip ---------- */
.hi{
  display:inline-block;color:#8A6A15;font-size:16px;margin-bottom:22px;
  padding:7px 16px;border-radius:999px;
  background:linear-gradient(120deg,rgba(212,167,44,.16),rgba(179,45,107,.10));
  border:1px solid rgba(212,167,44,.42);
}
.lead{color:#2E2A24;font-size:19.5px}
strong{color:#14100C}
em{color:#6B3FB5;font-style:italic}

/* ---------- bullets: nau rang ---------- */
li{color:#4A443B;padding-left:32px}
li:before{width:10px;height:10px;left:4px;top:17px}
li:nth-child(9n+1):before{background:#C9861B}
li:nth-child(9n+2):before{background:#1F6BA8}
li:nth-child(9n+3):before{background:#B4530F}
li:nth-child(9n+4):before{background:#12796A}
li:nth-child(9n+5):before{background:#6B3FB5}
li:nth-child(9n+6):before{background:#B32D6B}
li:nth-child(9n+7):before{background:#3350B8}
li:nth-child(9n+8):before{background:#8A6A15}
li:nth-child(9n+9):before{background:#1A7A48}
li:nth-child(9n+1) strong{color:#A87409}
li:nth-child(9n+2) strong{color:#1F6BA8}
li:nth-child(9n+3) strong{color:#B4530F}
li:nth-child(9n+4) strong{color:#12796A}
li:nth-child(9n+5) strong{color:#6B3FB5}
li:nth-child(9n+6) strong{color:#B32D6B}
li:nth-child(9n+7) strong{color:#3350B8}
li:nth-child(9n+8) strong{color:#8A6A15}
li:nth-child(9n+9) strong{color:#1A7A48}

/* ---------- post list ---------- */
.postlist{display:grid;gap:18px;margin:30px 0 10px}
.post-card{
  position:relative;display:block;overflow:hidden;background:#fff;
  border:1px solid #EDE6D6;border-radius:18px;
  padding:24px 26px 24px 32px;color:#14100C!important;
  box-shadow:0 6px 22px rgba(20,16,12,.06);
  transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease;
}
.post-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg,#D4A72C,#B32D6B 55%,#3350B8);
}
.post-card:nth-child(2n)::before{background:linear-gradient(180deg,#12796A,#3350B8 55%,#6B3FB5)}
.post-card:hover{
  text-decoration:none;transform:translateY(-4px);
  border-color:rgba(212,167,44,.75);
  box-shadow:0 18px 44px rgba(20,16,12,.13);
}
.post-card .pd{
  display:inline-block;color:#B32D6B;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;
  background:rgba(179,45,107,.09);border:1px solid rgba(179,45,107,.24);border-radius:999px;padding:4px 12px;
}
.post-card:nth-child(2n) .pd{color:#12796A;background:rgba(18,121,106,.09);border-color:rgba(18,121,106,.26)}
.post-card .pt{display:block;color:#14100C;font-size:20.5px;font-weight:700;line-height:1.36;margin-top:12px}
.post-card .px{display:block;color:#6B6459;font-size:15.5px;margin-top:9px;line-height:1.68}

/* ---------- article meta ---------- */
.artmeta{
  color:#8C8577;font-size:13.5px;margin:0 0 24px;padding-bottom:18px;
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,#D4A72C,#B32D6B 45%,transparent 92%) 1;
}
.artmeta b{color:#8A6A15;font-weight:700}

/* ---------- calculator call-out (gehra card, light page par) ---------- */
.calcbox{
  display:block;position:relative;overflow:hidden;
  border:1px solid rgba(212,167,44,.5);border-radius:18px;padding:22px 26px;
  background:linear-gradient(125deg,#0D3B47,#1B2F63 52%,#4A1D55);
  margin:34px 0;color:#EAE4D6!important;
  box-shadow:0 12px 32px rgba(8,32,43,.16);
  transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;
}
.calcbox:hover{text-decoration:none;border-color:rgba(240,206,107,.9);transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(8,32,43,.24)}
.calcbox b{display:block;color:#F6D89A;font-size:17px}
.calcbox span{display:block;color:#BCCCD6;font-size:14px;margin-top:5px}

/* ---------- hisaab box ---------- */
.sums{
  background:linear-gradient(135deg,#FFFBF0,#FDF3F7);
  border:1px solid rgba(212,167,44,.45);border-radius:16px;
  padding:20px 24px;margin:26px 0;color:#2E2A24;font-size:16.5px;line-height:2.05;
  box-shadow:0 6px 20px rgba(20,16,12,.05);
}
.sums strong{color:#8A6A15;font-size:1.08em}

/* ---------- note ---------- */
.note{
  border:1px solid rgba(212,167,44,.32);border-left:4px solid #D4A72C;border-radius:0 14px 14px 0;
  background:linear-gradient(100deg,rgba(212,167,44,.10),rgba(179,45,107,.05));
  padding:16px 20px;margin:34px 0;color:#6B6459;font-size:15px;
}

/* ---------- related ---------- */
.rel{gap:14px}
.rel a{
  background:#fff;border:1px solid #EDE6D6;border-radius:15px;padding:16px 18px;
  color:#14100C!important;box-shadow:0 4px 16px rgba(20,16,12,.05);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.rel a:hover{transform:translateY(-3px);border-color:rgba(212,167,44,.75);box-shadow:0 12px 30px rgba(20,16,12,.12)}
.rel a:nth-child(4n+1){border-left:4px solid #D4A72C}
.rel a:nth-child(4n+2){border-left:4px solid #6B3FB5}
.rel a:nth-child(4n+3){border-left:4px solid #12796A}
.rel a:nth-child(4n+4){border-left:4px solid #B32D6B}
.rel span{color:#6B6459}

/* ---------- author ---------- */
.authorbox{
  display:flex;gap:22px;align-items:flex-start;
  border:1px solid #EDE6D6;border-radius:20px;background:#fff;
  box-shadow:0 8px 28px rgba(20,16,12,.07);
  padding:24px 26px;margin:46px 0 8px;
}
.authorbox img{
  width:96px;height:96px;flex:0 0 96px;border-radius:50%;object-fit:cover;
  border:3px solid #F0CE6B;box-shadow:0 6px 20px rgba(20,16,12,.16);
}
.authorbox b{display:block;color:#14100C;font-size:20px;font-weight:700;line-height:1.3}
.authorbox .role{display:block;color:#B32D6B;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-top:6px}
.authorbox p{margin:12px 0 0;color:#6B6459;font-size:15px;line-height:1.72}
.authorbox .more{display:inline-block;margin-top:12px;color:#8A6A15;font-weight:700;font-size:14.5px}

/* ---------- footer ---------- */
footer{border-top:1px solid #E7E1D2;color:#8C8577;background:transparent}
footer a{color:#6B6459}
footer a:hover{color:#8A6A15}
footer .dom{color:#B9B2A3}

/* ---------- lang toggle fallback ---------- */
.langbtn{display:inline-flex;border:1px solid rgba(212,167,44,.5);border-radius:999px;overflow:hidden;flex:0 0 auto}
.langbtn button{background:transparent;border:0;color:#6B6459;font-family:inherit;font-weight:600;font-size:12.5px;line-height:1;padding:8px 13px;cursor:pointer}
.langbtn button.on{background:linear-gradient(135deg,#D4A72C,#F0CE6B);color:#2A1F04}

@media(max-width:640px){
  .post-card{padding:20px 20px 20px 26px}
  .post-card .pt{font-size:18px}
  h2{padding-left:14px}
  .authorbox{flex-direction:column;gap:16px;align-items:center;text-align:center;padding:26px 20px}
}