/* Shared site navigation/footer for Jyoti Guides — isolated from editorial CSS. */
:root{--jyoti-dark:#103c2f;--jyoti-sage:#728c69}
.jyoti-guide .site-header,.jyoti-guide .footer{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.jyoti-guide .site-header *, .jyoti-guide .footer *{box-sizing:border-box}
.jyoti-guide .site-header{position:sticky;top:0;z-index:1000;background:rgba(240,241,232,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,60,47,.08)}
.jyoti-guide .site-header .container,.jyoti-guide .footer .container{width:min(1340px,calc(100% - 48px));margin-inline:auto;padding:0}
.jyoti-guide .site-header .nav-wrap{height:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.jyoti-guide .site-header .brand{display:flex;align-items:center;gap:8px;font-weight:850;color:#103c2f;text-decoration:none;white-space:nowrap}
.jyoti-guide .site-header .brand img{width:74px;height:58px;object-fit:contain;border:0;box-shadow:none}
.jyoti-guide .site-header .brand span{font-size:1rem;letter-spacing:-.02em}
.jyoti-guide .site-header .desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(7px,.9vw,14px);flex-wrap:nowrap;min-width:0}
.jyoti-guide .site-header .desktop-nav a{font-size:clamp(.70rem,.82vw,.86rem);white-space:nowrap;font-weight:700;color:#25463a;text-decoration:none}
.jyoti-guide .site-header .desktop-nav a:hover{color:#000}
.jyoti-guide .site-header .mobile-menu-btn{display:none;width:48px;height:48px;border:0;border-radius:50%;background:white;color:#103c2f;place-items:center;padding:0}
.jyoti-guide .site-header .mobile-panel{display:none;padding:0 18px 20px}
.jyoti-guide .site-header .mobile-panel.open{display:grid;gap:7px}
.jyoti-guide .site-header .mobile-panel a{display:block;padding:12px 14px;background:#fff;border-radius:14px;font-weight:750;text-decoration:none;color:#103c2f}
.jyoti-guide .site-header .mobile-panel .nav-cta{background:#103c2f;color:white}
.jyoti-guide .footer{background:#103c2f;color:#f5f8f4;padding:60px 0 28px}
.jyoti-guide .footer a{color:#f5f8f4;text-decoration:none}
.jyoti-guide .footer .footer-brand-top{text-align:center;margin:0 auto 32px}
.jyoti-guide .footer .footer-brand-top img{width:112px;height:auto;margin:auto}
.jyoti-guide .footer .footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:clamp(18px,3vw,35px)}
.jyoti-guide .footer .footer-grid>div{min-width:0;display:flex;flex-direction:column;gap:9px}
.jyoti-guide .footer .footer-grid h4{color:white;margin:0 0 12px;font-size:1.05rem}
.jyoti-guide .footer .footer-grid p{color:#dce8df;margin:0 0 12px}
.jyoti-guide .footer .footer-grid a{display:inline-flex;align-items:center;gap:5px;font-size:.91rem}
.jyoti-guide .footer .jyoti-store-pair{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.jyoti-guide .footer .app-store-button{display:inline-flex!important;align-items:center;gap:10px;background:#000;color:#fff!important;border-radius:11px;padding:9px 12px;text-decoration:none!important;min-height:48px}
.jyoti-guide .footer .app-store-button svg{width:24px;height:24px;flex-shrink:0}
.jyoti-guide .footer .app-store-button small{display:block;font-size:.6rem;line-height:1.1}
.jyoti-guide .footer .app-store-button strong{display:block;font-size:1rem;line-height:1.2}
.jyoti-guide .footer .footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.jyoti-guide .footer .footer-social a{display:inline-flex;align-items:center;gap:4px;font-size:.8rem}
.jyoti-guide .footer .footer-social svg{width:16px;height:16px;fill:currentColor}
.jyoti-guide .footer .footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:40px;color:#dae5dc;font-size:.83rem}
.jyoti-guide .footer .btn-ghost{background:transparent;border:0;color:#f5f8f4;text-align:left;padding:0;cursor:pointer}
@media(max-width:1220px){.jyoti-guide .site-header .desktop-nav{display:none}.jyoti-guide .site-header .mobile-menu-btn{display:grid}}
@media(max-width:850px){.jyoti-guide .footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.jyoti-guide .site-header .nav-wrap{min-height:70px}.jyoti-guide .site-header .brand img{width:62px;height:50px}.jyoti-guide .site-header .brand span{font-size:.85rem}.jyoti-guide .footer .footer-grid{grid-template-columns:1fr}.jyoti-guide .footer .footer-bottom{display:block}.jyoti-guide .footer .footer-bottom span{display:block;margin:6px 0}}
/* Override pre-existing guide-wide link and heading rules only inside the shared footer. */
body.jyoti-guide .footer a:not(.btn),body.jyoti-guide .footer .footer-grid a,body.jyoti-guide .footer .btn-ghost{color:#f5f8f4}
body.jyoti-guide .footer h4{color:#fff}
body.jyoti-guide .site-header .desktop-nav a,body.jyoti-guide .site-header .mobile-panel a{letter-spacing:normal}