/* Shared Metropoly portal navigation, isolated from article styling */
.topbar,.topbar *{box-sizing:border-box}
.topbar{position:relative;z-index:100;background:#121a24;border-bottom:1px solid #354252;font-family:Inter,Arial,system-ui,sans-serif;color:#fff}
.topbar .nav-inner{max-width:1440px;min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 28px}
.topbar .brand img{width:175px;max-height:52px;object-fit:contain;object-position:left}
.topbar nav{display:flex;align-items:center;gap:28px}
.topbar nav a{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#c5d1df;text-decoration:none}
.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:white}
.topbar #userNav{display:flex;align-items:center;gap:10px}
.topbar #userNav .quiet,.topbar #userNav .nav-cta{padding:12px 18px;color:#fff;border-radius:3px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.topbar #userNav .quiet{background:#293849;border:1px solid #50627a}
.topbar #userNav .nav-cta{background:#79cf5c;color:#112314;border:1px solid #a0eb7d}
.topbar .metro-user-profile{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #344b60;border-radius:5px;background:#1b2b3c;cursor:pointer}
.topbar .metro-user-avatar{display:grid;place-items:center;width:28px;height:28px;background:#8acbd0;color:#102433;border-radius:4px;font-size:14px;font-weight:900;overflow:hidden}
.topbar .metro-user-avatar img{width:100%;height:100%;object-fit:cover}
.topbar .metro-user-details{display:flex;flex-direction:column;gap:2px;line-height:1.15}
.topbar .metro-user-details small{font-size:8px;font-weight:900;letter-spacing:1px;color:#9ec6e5}
.topbar .metro-user-details strong{font-size:11px;color:white}
@media(max-width:800px){.topbar .nav-inner{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px}.topbar nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px}.topbar .brand img{width:145px}}

/* Exact portal control classes, shared across News and Blog */
.topbar #userNav button{cursor:pointer;font-family:inherit;letter-spacing:.7px}
.topbar #userNav .metro-profile-settings-trigger{padding:10px 13px;border:1px solid #6d8298;border-radius:5px;background:#1b2939;color:#e8f3fa;font-size:11px;font-weight:900;white-space:nowrap}
.topbar #userNav .metro-nav-play{padding:10px 16px;border:1px solid #b4f2ae;border-radius:5px;background:linear-gradient(180deg,#a5ef65,#4bc958);color:#10301c;font-size:11px;font-weight:900;box-shadow:0 3px 0 #247b3a;white-space:nowrap}
.topbar #userNav .metro-nav-logout{padding:10px 15px;border:1px solid #6d8298;border-radius:5px;background:#192636;color:#e8f3fa;font-size:11px;font-weight:900;white-space:nowrap}
.topbar .metro-user-profile{cursor:pointer}
.topbar .nav-inner{max-width:1120px}
.topbar .nav-inner nav a{color:#e2eaf4}