/* Vedha Stays — blog styling (shared by all articles + listing) */
:root{
  --shyam:#15233F;--shyam-2:#1E3157;--peacock:#136F6A;--marigold:#E9A11B;
  --marigold-soft:#F6C863;--sand:#F7F1E4;--sand-2:#EFE6D2;--ink:#22252B;
  --muted:#5A5E66;--white:#FFFDF8;--radius:clamp(14px,2vw,24px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Karla',sans-serif;color:var(--ink);background:var(--sand);line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--peacock)}
h1,h2,h3{font-family:'Rozha One',serif;font-weight:400;line-height:1.15;color:var(--shyam)}
.dev{font-family:'Tiro Devanagari Hindi',serif}
.wrap{max-width:760px;margin:0 auto;padding-inline:clamp(18px,4vw,28px)}
.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:.92rem;padding:13px 28px;border-radius:999px;transition:transform .15s ease}
.btn-gold{background:var(--marigold);color:var(--shyam)}
.btn-gold:hover{transform:translateY(-2px)}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(247,241,228,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--sand-2)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1100px;margin:0 auto;padding-inline:clamp(18px,4vw,28px)}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:'Rozha One',serif;font-size:1.25rem;color:var(--shyam);text-decoration:none}
.logo img{height:30px;width:auto}
.logo em{font-style:normal;color:var(--marigold)}
.nav-back{font-weight:700;font-size:.88rem;color:var(--peacock);text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* article hero */
.article-hero{position:relative;background:var(--shyam);color:var(--white);overflow:hidden}
.article-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.article-hero .wrap{position:relative;padding-block:clamp(56px,10vw,96px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--marigold-soft);margin-bottom:18px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--marigold)}
.article-hero h1{color:var(--white);font-size:clamp(2rem,5vw,3.1rem);margin-bottom:18px}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;color:#C7D0E0}
.article-meta span{display:inline-flex;align-items:center;gap:7px}

/* body */
article{padding-block:clamp(36px,6vw,64px)}
article .wrap > p{margin-bottom:22px;font-size:1.06rem}
article h2{font-size:clamp(1.5rem,3vw,2rem);margin:40px 0 16px}
article h3{font-size:1.2rem;margin:28px 0 10px;color:var(--peacock)}
.lead{font-size:1.18rem !important;color:var(--shyam);font-weight:500}
.figure{margin:32px 0}
.figure img{width:100%;border-radius:var(--radius);border:1px solid var(--sand-2);aspect-ratio:16/9;object-fit:cover;background:var(--sand-2)}
.figure figcaption{font-size:.82rem;color:var(--muted);margin-top:8px;text-align:center;font-style:italic}
.checklist{list-style:none;display:grid;gap:12px;margin:20px 0}
.checklist li{display:flex;gap:12px;align-items:flex-start;background:var(--white);border:1px solid var(--sand-2);border-radius:14px;padding:14px 16px}
.checklist .tick{flex:none;width:24px;height:24px;border-radius:50%;background:#E8F5F0;color:#0C6B4F;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;margin-top:2px}
.checklist b{color:var(--shyam)}
blockquote{border-left:4px solid var(--marigold);background:var(--white);padding:18px 22px;border-radius:0 14px 14px 0;margin:26px 0;font-style:italic;color:var(--shyam)}
.callout{background:linear-gradient(135deg,var(--peacock),#0C4F4B);color:var(--white);border-radius:var(--radius);padding:clamp(28px,5vw,40px);margin:40px 0;text-align:center;position:relative;overflow:hidden}
.callout::before{content:"राधे राधे · राधे राधे · राधे राधे · राधे राधे";font-family:'Tiro Devanagari Hindi',serif;position:absolute;top:14px;left:0;right:0;font-size:.8rem;letter-spacing:.3em;opacity:.25;white-space:nowrap;text-align:center}
.callout h3{color:var(--white);font-size:1.5rem;margin-bottom:10px}
.callout p{color:#CFE6E3;max-width:46ch;margin:0 auto 20px;font-size:.98rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--sand-2)}
.tag{background:var(--white);border:1px solid var(--sand-2);border-radius:999px;padding:5px 13px;font-size:.76rem;font-weight:600;color:var(--peacock)}
.related{background:var(--white);border-top:1px solid var(--sand-2);padding-block:clamp(36px,6vw,56px)}
.related h2{font-size:1.4rem;margin-bottom:20px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:0 auto;padding-inline:clamp(18px,4vw,28px)}
.rcard{display:block;background:var(--sand);border:1px solid var(--sand-2);border-radius:14px;padding:18px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.rcard:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(21,35,63,.08)}
.rcard span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--marigold);font-weight:700}
.rcard b{display:block;color:var(--shyam);font-family:'Rozha One',serif;font-size:1.1rem;margin-top:6px;line-height:1.25}
footer{background:var(--shyam);color:#9FA9BF;text-align:center;padding-block:32px;font-size:.85rem}
footer a{color:var(--marigold-soft);text-decoration:none}

/* blog listing */
.list-hero{background:linear-gradient(180deg,var(--shyam),var(--shyam-2));color:var(--white);text-align:center;padding-block:clamp(48px,8vw,80px)}
.list-hero h1{color:var(--white);font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}
.list-hero p{color:#C7D0E0;max-width:52ch;margin:0 auto}
.list-hero .dev{color:var(--marigold-soft);font-size:1.1rem;margin-bottom:14px}
.post-list{max-width:900px;margin:0 auto;padding:clamp(36px,6vw,56px) clamp(18px,4vw,28px);display:grid;gap:20px}
.post{display:grid;grid-template-columns:280px 1fr;gap:22px;background:var(--white);border:1px solid var(--sand-2);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(21,35,63,.10)}
.post img{width:100%;height:100%;min-height:180px;object-fit:cover;background:var(--sand-2)}
.post-body{padding:22px 24px 22px 0}
.post .tag2{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--marigold);font-weight:700}
.post h2{font-size:1.35rem;margin:6px 0 8px;color:var(--shyam)}
.post p{color:var(--muted);font-size:.92rem;margin-bottom:10px}
.post .read{color:var(--peacock);font-weight:700;font-size:.85rem}
@media (max-width:640px){
  .related-grid{grid-template-columns:1fr}
  .post{grid-template-columns:1fr}
  .post img{min-height:180px;aspect-ratio:16/9}
  .post-body{padding:0 20px 22px}
}