/* A visible pill navigation and a language switch in place of the header CTA. */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:0;padding:20px 26px;max-width:1320px}
.site-header .app-navigation{display:flex!important;flex-wrap:nowrap;gap:2px;background:#eeece4;padding:5px;border-radius:40px;order:0;width:auto;overflow:visible}
.site-header .app-navigation a{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:28px;min-height:43px;font-size:14px;background:transparent!important;white-space:nowrap;color:#737b71;text-align:center;line-height:1.3}
.site-header .app-navigation a.current,.site-header .app-navigation a[aria-current=page]{background:white!important;color:#243c30;box-shadow:0 2px 5px #343f2310;font-weight:600}
.site-header .app-navigation a:after{display:none!important}.site-header .brand .brand-logo{width:186px}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;font:600 13px/1.2 Bangla,system-ui,sans-serif;padding:11px 15px;min-height:44px;color:#233a30;background:#fff;border:1px solid #e4e0d5;border-radius:26px;cursor:pointer}
.language-toggle svg{flex-shrink:0;color:#247157}.language-toggle:focus-visible{outline:2px solid #267457;outline-offset:3px}.mobile-menu-toggle{display:none!important}
html[lang=en] body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html[lang=en] .home-hero-copy h1{font-family:Georgia,serif;letter-spacing:-1px;font-weight:500;font-size:clamp(38px,4vw,59px)}html[lang=en] .app-navigation a{font-size:12px}html[lang=en] .home-actions a,html[lang=en] .home-actions button{font-family:inherit}html[lang=en] .passport-panel :is(h2,summary){font-size:15px}html[lang=en] #home-book-cover .cover-title{font-size:17px}html[lang=en] #home-book-cover .cover-country{font-size:9px}html[lang=en] #home-book-cover .home-cover-owner{font-size:9px}html[lang=en] .home-lead{font-size:15px;line-height:1.75}.language-content-note{font-size:12px;color:#65755c;padding:10px 14px;border-radius:8px;background:#eef1e7;margin:12px 0}
@media(max-width:1180px) and (min-width:761px){.site-header{flex-wrap:wrap;padding:18px 25px}.site-header .app-navigation{order:3;flex-basis:100%;justify-content:center;max-width:950px;margin:0 auto}.language-toggle{margin-left:auto}}
@media(max-width:760px){
 .site-header{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding:16px 15px 12px;min-height:0;background:#f8f7f2;border:0;box-shadow:none;backdrop-filter:none}
 .site-header .brand{grid-column:1;grid-row:1;max-width:100%;min-width:0}.site-header .brand .brand-logo{width:178px;max-width:100%}.site-header .brand .brand-tagline{display:none}
 .site-header .language-toggle{grid-column:2;grid-row:1;padding:10px 13px;min-height:44px;font-size:13px;gap:7px}
 .site-header .app-navigation{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:5px;gap:4px 2px;border-radius:21px;margin:0;order:0;position:static;overflow:visible;max-height:none;box-shadow:none}
 .site-header .app-navigation a{padding:9px 4px;font-size:12px;min-height:44px;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.45;border:0;border-radius:25px}
 .site-header .app-navigation a:last-child{grid-column:span 2}.site-header .app-navigation a.current{background:#fff!important}
 html[lang=en] .site-header .app-navigation a{font-size:11px;line-height:1.35}html[lang=en] .home-hero-copy h1{font-size:clamp(33px,8.4vw,48px);line-height:1.18}html[lang=en] .home-lead{font-size:13px}html[lang=en] .home-status-key{font-size:10px}html[lang=en] .home-journey-steps b{font-size:13px}
}
@media(max-width:360px){.site-header{padding-inline:12px;gap:12px 7px}.site-header .brand .brand-logo{width:156px}.site-header .language-toggle{padding:9px 10px;font-size:12px}.site-header .app-navigation a{font-size:11px}.site-header .app-navigation{gap:3px 1px}html[lang=en] .site-header .app-navigation a{font-size:10px}}
@media print{.site-header,.hero-media-tools{display:none!important}}

/* The phone menu lives in the top layer, above passport canvases and page overlays. */
.mobile-nav-drawer{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#243c30;overflow:hidden}
.mobile-nav-drawer::backdrop{background:rgb(9 29 23 / 0);transition:background .32s ease}
.mobile-nav-drawer.is-open::backdrop{background:rgb(9 29 23 / .48)}
.mobile-drawer-panel{display:flex;flex-direction:column;gap:26px;width:min(320px,calc(100vw - 48px));height:100%;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:#faf9f4;border-radius:0 24px 24px 0;box-shadow:15px 0 50px #071c1920;transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,.75,.25,1);overflow:auto;overscroll-behavior:contain}
.mobile-nav-drawer.is-open .mobile-drawer-panel{transform:translateX(0)}
.mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid #e5e5db}
.mobile-drawer-heading small{font:10px/1.5 system-ui,sans-serif;letter-spacing:1.5px;color:#7b8879}
.mobile-drawer-heading h2{font-size:26px;font-weight:600;line-height:1.4;margin:5px 0 0}
.mobile-drawer-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #dfe4d9;border-radius:50%;background:#fff;color:#284d3d}
.mobile-nav-drawer .app-navigation{display:flex!important;flex-direction:column;gap:8px;padding:0;margin:0;background:none;width:100%;border:0}
.mobile-nav-drawer .app-navigation a{display:flex;align-items:center;min-height:52px;padding:13px 16px;border-radius:12px;color:#54644f;font-size:17px;line-height:1.5;white-space:normal;background:transparent;text-decoration:none;transition:background .16s,color .16s}
.mobile-nav-drawer .app-navigation a:hover{background:#f0f0e6}
.mobile-nav-drawer .app-navigation a.current,.mobile-nav-drawer .app-navigation a[aria-current=page]{background:#e4eee4;color:#196347;font-weight:600;box-shadow:inset 3px 0 #277655}
.mobile-nav-drawer .app-navigation a:after{display:none}
.mobile-drawer-footer{margin-top:auto;padding:20px 10px 0;border-top:1px solid #e5e5db;font-size:13px;color:#7b8879;line-height:1.8}
html[lang=en] .mobile-nav-drawer .app-navigation a{font-size:15px}
@media(max-width:760px){
 .site-header.has-drawer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:14px max(12px,env(safe-area-inset-right)) 14px max(12px,env(safe-area-inset-left))}
 .site-header.has-drawer>.app-navigation{display:none!important}
 .site-header.has-drawer .brand{grid-column:2;grid-row:1;justify-self:center;margin:0}
 .site-header.has-drawer .brand .brand-logo{width:160px;max-width:100%}
 .site-header.has-drawer .mobile-menu-toggle{display:grid!important;place-items:center;grid-column:1;grid-row:1;justify-self:start;margin:0;padding:0;min-width:44px;width:44px;height:44px;min-height:44px;border-radius:13px;border:1px solid #e1e4d9;background:#fff;color:#254d3c}
 .site-header.has-drawer .language-toggle{grid-column:3;grid-row:1;justify-self:end;gap:0;padding:10px 9px;font-size:12px;min-width:60px;min-height:44px}
 .site-header.has-drawer .language-toggle svg{display:none}
}
@media(max-width:360px){.site-header.has-drawer{gap:6px}.site-header.has-drawer .brand .brand-logo{width:142px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer-panel,.mobile-nav-drawer::backdrop,.mobile-nav-drawer .app-navigation a{transition:none}}
@media print{.mobile-nav-drawer{display:none!important}}