/* Dhanu Bihar — 2026 visual refresh, shared across the site */
:root{
  --db-orange:#F4B03E;
  --db-orange-dark:#D9891F;
  --db-green:#1E8449;
  --db-green-dark:#146638;
  --db-ink:#16201C;
  --db-body:#4B5B54;
  --db-cream:#FFF8EC;
  --db-line:#EAE0CC;
}
.db-section{padding:clamp(56px,8vw,96px) clamp(20px,5vw,24px)}
.db-wrap{max-width:1200px;margin:0 auto}
.db-eyebrow{display:inline-block;color:var(--db-green-dark);font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:rgba(30,132,73,.09);padding:6px 16px;border-radius:999px;margin-bottom:16px}
.db-h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.15;color:var(--db-ink);margin:0 0 16px}
.db-lead{font-family:'Inter',sans-serif;font-size:17px;line-height:1.7;color:var(--db-body);max-width:640px}
.db-center{text-align:center;margin-left:auto;margin-right:auto}
.db-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;padding:14px 30px;border-radius:10px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.db-btn:hover{transform:translateY(-2px)}
.db-btn-primary{background:var(--db-orange);color:#16201C;box-shadow:0 8px 20px rgba(244,176,62,.35)}
.db-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.db-btn-outline{background:transparent;color:var(--db-green-dark);border:1.5px solid var(--db-green-dark)}

/* Page hero (inner pages) */
.db-page-hero{position:relative;min-height:320px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.db-page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.db-page-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,18,.55) 0%,rgba(15,25,18,.82) 100%)}
.db-page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 40px;width:100%}
.db-breadcrumb{font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.75);margin-bottom:14px}
.db-breadcrumb a{color:rgba(255,255,255,.75);text-decoration:none}
.db-breadcrumb a:hover{color:#fff;text-decoration:underline}
.db-page-hero h1{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(30px,4.2vw,46px);line-height:1.15;margin:0 0 10px;text-transform:none}
.db-page-hero p{font-family:'Inter',sans-serif;font-size:16px;color:rgba(255,255,255,.88);max-width:640px;margin:0}

/* Content typography */
.db-content{max-width:800px;margin:0 auto;padding:clamp(48px,7vw,72px) 24px}
.db-content h3{font-family:'Poppins',sans-serif;font-weight:700;color:var(--db-ink);font-size:clamp(21px,2.4vw,26px);margin:2em 0 .6em}
.db-content h3:first-child{margin-top:0}
.db-content h4{font-family:'Poppins',sans-serif;font-weight:600;color:var(--db-ink);font-size:18px;margin:1.6em 0 .5em}
.db-content p,.db-content li{font-family:'Inter',sans-serif;color:var(--db-body);font-size:16px;line-height:1.75}
.db-content strong{color:var(--db-ink)}
.db-content a:not(.db-btn){color:var(--db-green-dark);text-decoration:underline}
.db-content figure{margin:2em 0}
.db-content figure img{border-radius:16px}

/* Closing CTA */
.db-cta{background:linear-gradient(120deg,var(--db-green) 0%,var(--db-green-dark) 100%);color:#fff;text-align:center;border-radius:28px;max-width:1200px;margin:0 auto;padding:clamp(48px,6vw,72px) 24px}
.db-cta h2{color:#fff}
.db-cta p{color:rgba(255,255,255,.85);margin:0 auto 32px}
.db-cta-wrap{padding:0 clamp(20px,5vw,24px) clamp(56px,8vw,96px)}
.db-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:32px;font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.8)}
.db-trust-row span{display:flex;align-items:center;gap:8px}

/* Related causes strip */
.db-related{background:var(--db-cream);padding:clamp(40px,6vw,64px) 24px}
.db-related-inner{max-width:1200px;margin:0 auto}
.db-related h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;color:var(--db-ink);margin:0 0 20px;text-align:center}
.db-related-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.db-related-links a{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--db-green-dark);background:#fff;border:1px solid var(--db-line);padding:10px 18px;border-radius:999px;text-decoration:none;transition:background .15s ease}
.db-related-links a:hover{background:var(--db-orange);border-color:var(--db-orange);color:#16201C}

@media (max-width:600px){
  .db-page-hero{min-height:240px}
}
