/* S K Enterprises RVSF — shared blog styles */
:root{
  --green-900:#0c3a24;--green-800:#12492f;--green-700:#1a6b45;--green-600:#1f8a56;
  --green-500:#26a269;--green-400:#3fc084;--leaf:#7ed957;--ink:#0e1712;--slate:#3d4a43;
  --muted:#6b7a71;--cream:#f5faf4;--paper:#fff;--line:#e3ede6;--amber:#f6a723;
  --shadow:0 22px 55px -24px rgba(12,58,36,.4);--shadow-sm:0 10px 28px -16px rgba(12,58,36,.34);--radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans','Manrope',sans-serif;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
a{text-decoration:none;color:var(--green-700)}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92%);margin-inline:auto}
.hindi{font-family:'Noto Sans Devanagari','Manrope',sans-serif}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.96rem;padding:13px 24px;border-radius:999px;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--green-600),var(--green-500));color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-wa{background:#25d366;color:#fff}
.btn-wa:hover{transform:translateY(-3px);background:#20bd5a}
.btn-ghost{background:#fff;color:var(--green-800);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--green-500);transform:translateY(-3px)}

/* Logo + nav (matches homepage) */
.brand{display:flex;align-items:center;gap:12px}
.logo-mark{width:46px;height:46px;border-radius:14px;flex:none;background:linear-gradient(140deg,var(--green-700),var(--green-400));display:grid;place-items:center;color:#eafff2;box-shadow:0 8px 20px -8px rgba(26,107,69,.7);position:relative;overflow:hidden}
.logo-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(20px 16px at 30% 22%,rgba(255,255,255,.4),transparent 60%)}
.logo-mark svg{width:28px;height:28px;position:relative;z-index:1}
.brand .txt b{font-family:'Plus Jakarta Sans';font-size:1.14rem;font-weight:800;letter-spacing:-.02em;display:block;line-height:1.05;color:var(--ink)}
.brand .txt span{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green-600);font-weight:700}
header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px}
nav.links{display:flex;align-items:center;gap:4px}
nav.links a{font-weight:600;font-size:.93rem;color:var(--slate);padding:9px 13px;border-radius:10px;transition:.2s}
nav.links a:hover,nav.links a.active{color:var(--green-700);background:var(--cream)}
.nav-cta .btn{padding:11px 20px}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2.4px;background:var(--ink);border-radius:2px;margin:5px 0}

/* Breadcrumb */
.crumb{padding:20px 0 0;font-size:.85rem;color:var(--muted)}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--green-700)}

/* Blog listing */
.blog-hero{background:radial-gradient(900px 400px at 80% -20%,rgba(63,192,132,.16),transparent 60%),var(--cream);padding:56px 0 48px;border-bottom:1px solid var(--line)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--green-600);background:rgba(38,162,105,.1);padding:7px 14px;border-radius:999px;margin-bottom:16px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-500)}
.blog-hero h1{font-size:clamp(1.9rem,4.4vw,2.8rem);margin-bottom:12px}
.blog-hero p{color:var(--muted);font-size:1.08rem;max-width:640px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:56px 0}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.post-card .thumb{height:180px;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.post-card:hover .thumb img{transform:scale(1.07)}
.post-card .pc-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.post-card .cat{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-600);margin-bottom:8px}
.post-card h2{font-size:1.16rem;margin-bottom:9px;line-height:1.3;color:var(--ink)}
.post-card p{color:var(--muted);font-size:.94rem;margin-bottom:16px;flex:1}
.post-card .more{font-weight:700;color:var(--green-700);font-size:.92rem;margin-top:auto}

/* Article */
.article-hero{background:linear-gradient(160deg,var(--green-900),var(--green-700));color:#eafff2;padding:52px 0 46px}
.article-hero .cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);margin-bottom:14px}
.article-hero h1{color:#fff;font-size:clamp(1.8rem,4.2vw,2.7rem);max-width:840px;margin-bottom:14px}
.article-hero .meta{color:#bfe6cd;font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap}
.article-cover{width:min(1180px,92%);margin:-30px auto 0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/6.5;position:relative;z-index:2}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-body{width:min(760px,92%);margin:44px auto 0;font-size:1.06rem;color:#26332c}
.article-body h2{font-size:1.55rem;margin:38px 0 14px}
.article-body h3{font-size:1.2rem;margin:26px 0 10px}
.article-body p{margin-bottom:18px}
.article-body ul,.article-body ol{margin:0 0 20px 22px}
.article-body li{margin-bottom:9px}
.article-body strong{color:var(--ink)}
.article-body a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.callout{background:var(--cream);border-left:4px solid var(--green-500);border-radius:12px;padding:18px 22px;margin:26px 0;font-size:1rem}
.callout b{color:var(--green-800)}
.tbl-wrap{overflow-x:auto;margin:22px 0}
table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:420px}
th,td{border:1px solid var(--line);padding:11px 14px;text-align:left}
th{background:var(--cream);font-family:'Plus Jakarta Sans';font-weight:700;color:var(--green-800)}
.cta-box{background:linear-gradient(150deg,var(--green-800),var(--green-600));color:#fff;border-radius:20px;padding:32px;margin:44px 0 10px;text-align:center}
.cta-box h3{color:#fff;font-size:1.4rem;margin-bottom:8px}
.cta-box p{color:#d6f2e0;margin-bottom:18px}
.cta-box .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta-box .btn-white{background:#fff;color:var(--green-800)}
.related{border-top:1px solid var(--line);padding:44px 0 0;margin-top:44px}
.related h4{font-size:1.2rem;margin-bottom:18px}
.related-links{display:flex;flex-direction:column;gap:10px}
.related-links a{font-weight:600}

/* Footer */
footer{background:var(--green-900);color:#c8e6d4;padding:56px 0 24px;margin-top:64px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1.3fr;gap:34px;margin-bottom:36px}
footer .brand .txt b{color:#fff}
footer .brand .txt span{color:var(--leaf)}
.foot-about{font-size:.92rem;color:#a9cfba;margin-top:16px;max-width:300px}
footer h5{color:#fff;font-size:1rem;margin-bottom:16px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
footer ul a{color:#a9cfba;font-size:.92rem}
footer ul a:hover{color:var(--leaf)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.84rem;color:#8fb8a1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 34px -8px rgba(37,211,102,.7)}
.wa-float svg{width:31px;height:31px;fill:#fff}

@media(max-width:900px){
  .post-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  nav.links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:14px;gap:4px;box-shadow:var(--shadow)}
  nav.links.show{display:flex}
  nav.links a{width:100%}
  .burger{display:block}
}
@media(max-width:560px){
  .post-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .article-cover{aspect-ratio:16/10}
  .cta-box,.article-hero{padding-left:20px;padding-right:20px}
}