/* ===== Madhur Kalra — shared guide styles ===== */
:root{
  --paper:#F3EFE6; --ink:#1C2419; --green:#2E5339; --green-bright:#3E7A4E;
  --sand:#E4DCC9; --line:#D6CDB8; --muted:#5E6356; --white:#FBF9F4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Spline Sans',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.wrap-wide{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--green)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(243,239,230,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1080px;margin:0 auto}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{text-decoration:none;font-size:.95rem;color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
.pill{background:var(--green);color:var(--white)!important;padding:10px 22px;border-radius:100px;font-weight:600;font-size:.92rem;box-shadow:0 4px 12px rgba(46,83,57,.2)}
.pill:hover{background:var(--green-bright)}

/* BREADCRUMB */
.crumb{padding:28px 0 0;font-size:.85rem;color:var(--muted)}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--green)}

/* GUIDE HEADER */
.guide-head{padding:26px 0 30px}
.guide-tag{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:18px}
.guide-head h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:20px}
.guide-head .standfirst{font-size:1.2rem;color:var(--muted)}
.guide-meta{margin-top:22px;font-size:.85rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:20px}

/* BODY */
article{padding:10px 0 40px}
article h2{font-family:'Fraunces',serif;font-weight:500;font-size:1.7rem;letter-spacing:-.01em;margin:42px 0 14px;line-height:1.15}
article h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.25rem;margin:28px 0 10px}
article p{margin-bottom:18px;font-size:1.06rem}
article ul,article ol{margin:0 0 20px 22px}
article li{margin-bottom:10px;font-size:1.06rem}
article strong{color:var(--ink)}
.callout{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;padding:22px 24px;margin:26px 0}
.callout p{margin:0;font-size:1rem}
.callout .ct{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--green);display:block;margin-bottom:6px;font-weight:600}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--white);font-family:'Fraunces',serif;font-size:1rem;margin-right:10px;flex-shrink:0}

/* FAQ */
.guide-faq{padding:36px 0 10px;border-top:1px solid var(--line);margin-top:30px}
.guide-faq h2{font-family:'Fraunces',serif;font-weight:500;font-size:1.7rem;margin-bottom:6px}
.gfaq{padding:20px 0;border-bottom:1px solid var(--line)}
.gfaq h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.15rem;margin-bottom:8px}
.gfaq p{color:var(--muted);margin:0}

/* CTA */
.guide-cta{background:var(--green);color:var(--white);border-radius:22px;padding:44px;margin:46px 0;text-align:center}
.guide-cta h2{font-family:'Fraunces',serif;font-weight:400;font-size:1.9rem;color:var(--white);margin-bottom:12px}
.guide-cta p{color:#DCE8DE;max-width:480px;margin:0 auto 24px;font-size:1.06rem}
.guide-cta .btn{background:var(--white);color:var(--green);padding:14px 30px;border-radius:100px;text-decoration:none;font-weight:600;display:inline-block}
.guide-cta .btn:hover{background:var(--paper)}

/* RELATED */
.related{padding:36px 0}
.related h2{font-family:'Fraunces',serif;font-weight:500;font-size:1.4rem;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.related-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.related-card:hover{border-color:var(--green);transform:translateY(-2px)}
.related-card .rk{font-family:'Fraunces',serif;font-size:1.15rem;margin-bottom:6px;display:block}
.related-card .rd{font-size:.9rem;color:var(--muted)}

/* FOOTER */
footer{background:var(--ink);color:#C7CCBF;padding:48px 0 36px;margin-top:30px}
.foot-brokerage{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.foot-logo-badge{background:var(--white);border-radius:10px;padding:12px 14px;display:inline-flex;flex-shrink:0}
.foot-logo-badge img{height:42px;width:auto;display:block}
.foot-brokerage .b-text{font-size:.85rem;line-height:1.6;color:#C7CCBF}
.foot-brokerage .b-text strong{color:var(--white)}
.foot-brokerage a{color:#C7CCBF}
.legal{font-size:.76rem;color:#8A9082;line-height:1.7;border-top:1px solid #333A2E;padding-top:20px}

/* INDEX GRID (guides landing) */
.idx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0 50px}
.idx-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:32px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s;display:flex;flex-direction:column}
.idx-card:hover{border-color:var(--green);transform:translateY(-3px)}
.idx-card .ik{font-family:'Fraunces',serif;font-size:1.45rem;margin:0 0 10px;line-height:1.15}
.idx-card .id{color:var(--muted);font-size:.97rem;flex-grow:1}
.idx-card .ia{color:var(--green);font-weight:600;margin-top:18px;font-size:.95rem}

/* STICKY MOBILE CONTACT BAR */
.mobile-bar{display:none}
@media(max-width:820px){
  .mobile-bar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(251,249,244,.94);backdrop-filter:blur(10px);
    border-top:1px solid var(--line);
  }
  .mobile-bar a{
    flex:1;text-align:center;padding:13px 10px;border-radius:100px;
    text-decoration:none;font-weight:600;font-size:.98rem;
  }
  .mobile-bar .mb-call{border:1.5px solid var(--green);color:var(--green);background:var(--white)}
  .mobile-bar .mb-book{background:var(--green);color:var(--white)}
  body{padding-bottom:72px}
}

@media(max-width:820px){
  .nav-links a:not(.pill){display:none}
  .related-grid{grid-template-columns:1fr}
  .idx-grid{grid-template-columns:1fr}
  .guide-cta{padding:30px}
}