@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
/* Shared navigation on map, directory and information pages. */
.topbar{box-sizing:border-box!important;height:72px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0 24px!important;border-bottom:1px solid #e5e9df!important;background:#fbfcf7!important;color:#163e35!important;max-width:none!important;margin:0!important;font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif!important}
.topbar a{text-decoration:none!important;color:#163e35!important}.topbar .brand{display:flex!important;align-items:center!important;gap:11px!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.7px!important;line-height:1.2!important;white-space:nowrap!important}
.topbar .brand-symbol{position:relative!important;display:block!important;width:42px!important;height:44px!important;box-sizing:border-box!important;padding:2px 10px!important;border-radius:12px!important;background:#163e35!important;color:#f1f5e3!important;font-size:32px!important;font-weight:400!important}.topbar .brand-symbol>span{position:absolute!important;top:0!important;right:4px!important;font-size:17px!important;color:#b1ce94!important}
.topbar .brand-wordmark{display:flex!important;flex-direction:column!important;align-items:center!important}.topbar .brand-wordmark small{display:flex!important;gap:1px!important;justify-content:center!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important;margin-top:4px!important;color:#748275!important}
.topbar nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;gap:16px!important;margin:0!important}.topbar nav>a{font-size:11px!important;font-weight:400!important;white-space:nowrap!important;line-height:1.4!important}
.language-picker{position:relative;display:inline-flex;flex:none;width:46px;height:36px;border:1px solid #e5e9df;border-radius:8px;align-items:center;justify-content:center;background:#fff}.language-flag{width:25px;height:17px;background-size:cover;background-position:center;border-radius:2px;box-shadow:0 0 0 1px #163e3515}.topbar nav .language-picker select{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;max-width:none!important;padding:0!important;cursor:pointer!important}.language-picker:focus-within{outline:3px solid #8ac7ae;outline-offset:3px}
@media(min-width:761px){body:has(.workspace) .workspace{height:calc(100dvh - 72px)}}
@media(max-width:760px){.topbar{height:58px!important;padding:0 12px!important;gap:10px!important}.topbar .brand{font-size:17px!important;gap:7px!important}.topbar .brand-symbol{width:30px!important;height:33px!important;border-radius:8px!important;font-size:25px!important;padding:1px 7px!important}.topbar .brand-symbol>span{font-size:12px!important;right:2px!important}.topbar .brand-wordmark small{font-size:7px!important;margin-top:3px!important}.topbar nav{gap:10px!important}.topbar nav>a{font-size:10px!important}.language-picker{width:38px;height:32px}.language-flag{width:23px;height:16px}}
@media(max-width:370px){.topbar{padding:0 8px!important;gap:6px!important}.topbar nav{gap:7px!important}.topbar .brand{font-size:15px!important}.topbar .brand-symbol{display:none!important}.topbar nav>a{font-size:9px!important}}

.topbar .brand-wordmark>span{font-size:inherit!important;font-weight:inherit!important}.topbar .brand-wordmark small span{font-size:inherit!important;font-weight:inherit!important}

.topbar .brand{align-self:center!important}