/* Shared navigation, including the original Fourth Era city. */
.topnav .city-collection-link{color:#f1d397;border:1px solid #7e765e;border-radius:3px;white-space:normal;line-height:1.45;max-width:220px;min-height:44px}
.city-life-menu>div{max-height:70vh;overflow:auto}.city-life-menu button{min-height:44px}
.city-story{padding:18px 0;border-bottom:1px solid #63736b}.city-story p{line-height:1.7;max-width:70ch}.city-story button{padding:12px 18px;min-height:44px}.city-story small{color:#bdd0d6}
.topnav a:focus-visible,.city-life-menu button:focus-visible{outline:2px solid #dfbb78;outline-offset:3px}
@media(max-width:700px){.topnav .city-collection-link{max-width:none;flex:1 1 100%}.topnav{flex-wrap:wrap}.city-life-menu>div{top:150px;max-height:calc(100dvh - 210px)}}
#city-menu-toggle{display:none;min-height:44px;padding:10px 14px;color:#efd6a6;background:#10242e;border:1px solid #7e765e;border-radius:3px;font:inherit}
.v71-mobile-nav a.city-collection-link{flex:1;min-width:62px;max-width:160px;color:#efd6a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;font-size:21px;text-decoration:none}.v71-mobile-nav a.city-collection-link span{font-size:10px}
@media(min-width:1381px){.topnav{flex-wrap:wrap;white-space:normal}.city-life-menu>div{max-height:65vh}}
@media(max-width:1380px){#city-menu-toggle{display:block}.topnav.is-open{display:flex;position:fixed;top:100px;left:12px;right:12px;z-index:1500;margin:0;padding:16px;align-items:stretch;flex-direction:column;white-space:normal;background:#0b1d28;border:1px solid #9d875c;box-shadow:0 16px 50px #000a;max-height:calc(100dvh - 175px);overflow:auto}.topnav.is-open .city-collection-link{max-width:none}.topnav.is-open .city-life-menu>div{position:static;width:auto;max-height:none;box-shadow:none;margin-top:6px}.topnav.is-open .navlink{min-height:44px;text-align:left;white-space:normal}}
/* The longer common entrance must not be clipped by the old 75px header. */
.topbar{height:auto;min-height:75px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.top-actions{margin-left:auto;max-width:100%}
@media(min-width:1381px){.topnav{order:3;width:100%;margin-left:0}}
@media(max-width:700px){.topbar .logo{flex:1;min-width:0;width:auto}.topbar .logo b{font-size:22px}.topbar .logo small{white-space:normal;line-height:1.5}.top-actions{flex:1 1 100%;justify-content:flex-end}.topnav.is-open{top:80px;max-height:calc(100dvh - 155px)}}