:root{--white:#fff;--dark:#1a2433;--blue:#1a4a7a;--light:#7d8da4}
    #header { background: var(--white); border-bottom: 3px solid var(--blue); padding: 18px 0; }
    #header .inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
    #logo .name { font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 32px; color: var(--dark); letter-spacing: -1px; }
    #logo .name span { color: var(--blue); }
    #logo .tagline { font-size: 11px; color: var(--light); letter-spacing: 2px; text-transform: uppercase; margin-top: 2px; }
    #header-logos { display: flex; align-items: center; gap: 20px; }
    .inst-badge { text-align: center; font-size: 11px; color: #888; line-height: 1.3; }
    .inst-badge strong { display: block; font-size: 13px; color: #444; }
    .inst-divider { width: 1px; height: 40px; background: #ddd; }

    /* NAV */
    #nav { background: var(--dark); }
    #nav .inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; }
    #nav ul { list-style: none; display: flex; }
    #nav ul li { position: relative; }
    #nav ul li > a { display: block; color: #b0c4d8; padding: 14px 18px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; transition: background .2s, color .2s; }
    #nav ul li > a:hover, #nav ul li.active > a { background: var(--blue); color: #fff; text-decoration: none; }
    #nav ul li ul { display: none; position: absolute; top: 100%; left: 0; background: #243447; min-width: 200px; z-index: 100; flex-direction: column; }
    #nav ul li:hover ul { display: flex; }
    #nav ul li ul li a { padding: 10px 16px; font-size: 12px; text-transform: none; font-weight: 400; color: #b0c4d8; white-space: nowrap; border-bottom: 1px solid #344d63; }
    #nav ul li ul li a:hover { background: var(--blue); color: #fff; }


#nav{display:block;margin:0;font-family:'Open Sans',Arial,sans-serif;line-height:1.6}
#nav ul{padding:0;margin:0}#nav a{text-decoration:none}
#nav li:focus-within>ul{display:flex}
#nav a:focus-visible{outline:2px solid #8ab9e5;outline-offset:-3px}
#header{font-family:'Open Sans',Arial,sans-serif;line-height:1.6}
@media(max-width:900px){#nav>.inner>ul{flex-wrap:wrap}#nav ul li>a{padding:10px}#header .inner{flex-wrap:wrap;gap:16px}#nav ul li:last-child ul{left:auto;right:0}}