:root{--site-bg:#f8f8f1;--site-panel:#fff;--site-text:#293c33;--site-muted:#52675b;--site-border:#d4ddd3;--site-link:#315c4e}
:root[data-bs-theme="dark"]{--site-bg:#13221a;--site-panel:#1c3025;--site-text:#e7f0e8;--site-muted:#c0d3c5;--site-border:#48604f;--site-link:#b4ddc3;--ink:var(--site-text);--paper:var(--site-bg);--green:var(--site-link)}
body{background:var(--site-bg)!important;color:var(--site-text)!important}
.maha-site-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:18px max(20px,4vw);background:var(--site-bg);border-bottom:1px solid var(--site-border);color:var(--site-text);position:relative;z-index:100}
.maha-site-nav a{color:var(--site-link)!important;text-decoration:none;font-size:.95rem}.maha-site-brand{font-weight:800;letter-spacing:.06em;margin-right:auto}.maha-site-nav nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.maha-site-nav button{background:var(--site-panel);border:1px solid var(--site-border);color:var(--site-text);padding:9px 14px;border-radius:9px;white-space:nowrap}.maha-site-nav a:focus-visible,.maha-site-nav button:focus-visible{outline:3px solid var(--site-link);outline-offset:4px}
/* Keep old navigation nodes for legacy script hooks; only the shared bar is displayed. */
body:not(.join-page) .navbar,.live-nav,.journey-nav,.detail-nav,body:not(.join-page) .auth-preferences,body:not(.join-page) .preferences-toolbar,body:not(.join-page) .back-home{display:none!important}
.live-card,.live-panel,.live-empty,body:has(#memberSignIn) .card{background:var(--site-panel)!important;color:var(--site-text)!important;border-color:var(--site-border)!important}
.live-main a,body:has(#memberSignIn) main a{color:var(--site-link)}
.live-main .btn-primary,body:has(#memberSignIn) .btn-primary{background:#396458!important;border-color:#396458!important;color:#fff!important}
.live-main .btn-outline-primary{color:var(--site-link)!important;border-color:var(--site-link)!important}.live-main .btn-outline-primary:hover{background:var(--site-link)!important;color:var(--site-bg)!important}
.live-main footer,footer{color:var(--site-muted)}[data-bs-theme="dark"] #liveStatus{color:#f2cba9}
/* Auth cards used inherited white intro copy on a light surface. */
.join-page .intro-panel,.join-page .form-panel,.join-page .form-content,.join-page .membership-content{background:var(--site-panel)!important;color:var(--site-text)!important}
.join-page .auth-page :is(h1,h2,h3,h4,p,span,label,li,.form-heading,.membership-content,.mobile-switch,.intro-description,.intro-title){color:var(--site-text)!important}
.join-page .auth-page :is(a){color:var(--site-link)!important}
.join-page .auth-page input,.join-page .auth-page textarea,.join-page .auth-page select{background:var(--site-panel)!important;color:var(--site-text)!important;border-color:var(--site-border)!important}
.join-page .auth-page input::placeholder{color:var(--site-muted)!important;opacity:1}
.join-page .auth-page :is(.btn-primary,.submit-btn,.auth-submit,.login-btn,.coffee-btn){background:#396458!important;color:#fff!important}
.join-page .auth-page{min-height:calc(100vh - 90px)}
body:has(#memberSignIn) main{margin-top:30px}
@media(max-width:640px){.maha-site-nav{gap:14px;padding:14px 18px}.maha-site-nav nav{order:3;flex-basis:100%;gap:16px 20px}.maha-site-nav nav a{font-size:.88rem}.maha-site-nav button{font-size:.85rem}.maha-site-nav .maha-site-brand{font-size:1rem}}
/* Let auth content scroll below the shared mobile bar rather than clipping. */
body.join-page{height:auto;min-height:100dvh;overflow:auto}
.join-page .auth-page{height:auto;min-height:0;overflow:visible;flex:1;padding:24px 18px}
.join-page .auth-container{height:700px;min-height:700px;max-height:none}
.join-page .auth-page button span{color:inherit!important}
@media(max-width:640px){.join-page .auth-container{height:760px;min-height:760px}.join-page .form-content{padding:26px 20px!important}}
.join-page .auth-page .submit-btn,.join-page .auth-page .submit-btn *,.join-page .auth-page .membership-coffee-btn,.join-page .auth-page .membership-coffee-btn *{color:#fff!important}
.maha-site-nav{position:sticky;top:0;z-index:1030;flex-shrink:0}
/* Original logo/navigation proportions, shared by the connected pages. */
/* Existing homepage navigation remains owned by its original component. */
.maha-site-nav{height:80px;min-height:80px;flex-wrap:nowrap;padding:12px max(24px,calc((100vw - 1240px)/2));gap:24px;background:var(--site-bg);font-family:Manrope,system-ui,sans-serif}
.maha-site-nav .maha-site-brand{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;letter-spacing:-.025em;white-space:nowrap;font-weight:750}
.maha-site-brand img{width:40px;height:40px;object-fit:contain;background:#f8f7f2;border-radius:50%;padding:5px}
.maha-site-nav nav{flex:1;justify-content:center;gap:30px;flex-wrap:nowrap}
.maha-site-nav nav a{font-size:.85rem;font-weight:550;white-space:nowrap}
.maha-site-actions{display:flex;gap:18px;align-items:center}
.maha-site-nav button,.maha-site-nav .maha-account-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--site-link)}
.maha-site-nav button:hover,.maha-site-nav .maha-account-link:hover{background:var(--site-panel)}
.maha-site-nav .maha-menu-toggle,.maha-site-nav .maha-mobile-link{display:none}

@media(max-width:991px){
 .maha-site-nav{height:72px;min-height:72px;padding:10px 14px;gap:10px}
 .maha-site-nav .maha-menu-toggle{display:inline-flex}
 .maha-site-nav .maha-site-brand{margin-right:auto;font-size:.83rem;gap:5px}
 .maha-site-brand img{width:32px;height:32px}
 .maha-site-actions{gap:6px}
 .maha-site-nav nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 24px;background:var(--site-bg);border-bottom:1px solid var(--site-border);box-shadow:0 12px 20px #0001;align-items:stretch;gap:0}
 .maha-site-nav.menu-open nav{display:flex;flex-direction:column}
 .maha-site-nav nav a,.maha-site-nav .maha-mobile-link{display:block;padding:12px 0;font-size:.9rem}
 
}
/* The reference login uses a quiet home link and appearance controls. */
.member-login-page .maha-site-nav,.join-page .maha-site-nav{height:52px;min-height:52px;border-bottom:0;padding:8px 24px}
.member-login-page .maha-site-nav nav,.member-login-page .maha-menu-toggle,.member-login-page .maha-account-link,.join-page .maha-site-nav nav,.join-page .maha-menu-toggle,.join-page .maha-account-link{display:none!important}
.member-login-page .maha-site-brand,.join-page .maha-site-brand{margin-right:auto!important;font-size:1.1rem!important;font-weight:500!important}
.member-login-page .maha-site-brand img,.join-page .maha-site-brand img{display:none}
.join-page .intro-panel{background:#315a4c!important}
.join-page .auth-page .intro-panel :is(h1,h2,h3,p,span,li,a){color:#e8f0e8!important}

/* Restore the existing icon font rather than substituting hand-drawn SVGs. */
.maha-site-nav #siteTheme .bi{font-size:1.25rem}.maha-menu-toggle .bi{font-size:1.6rem}.maha-account-link .bi{font-size:1.5rem}

/* Auth forms must remain readable and reachable on narrow screens. */
.join-page .input-wrapper{border-radius:9px;background:transparent!important}
.join-page .remember-me label{min-height:44px;cursor:pointer;color:var(--text-color);font-size:.85rem}
.join-page #rememberMe{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;margin:0;border:1px solid #8b9f91;border-radius:5px;cursor:pointer;display:grid;place-content:center}
.join-page #rememberMe:checked{background:#315a4c!important;border-color:#315a4c!important}
.join-page #rememberMe:checked::after{content:"";width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.join-page #rememberMe:focus-visible{outline:3px solid #a0b594;outline-offset:3px}
@media(max-width:900px){
 .join-page .auth-container{display:block;height:auto;min-height:0;max-height:none}
 .join-page .intro-panel{display:block;height:auto}
 .join-page .form-panel{height:auto}
 .join-page .intro-content,.join-page .form-content{position:relative!important;inset:auto!important;height:auto!important;justify-content:flex-start}
 .join-page .login-intro,.join-page .login-form,.join-page .auth-container.login-active .signup-intro,.join-page .auth-container.login-active .signup-form{display:none}
 .join-page .auth-container.login-active .login-intro,.join-page .auth-container.login-active .login-form{display:flex}
 .join-page .input-wrapper input{font-size:16px}
}