.site-header{padding-left:max(32px,calc((100vw - 1200px)/2 + 32px));padding-right:max(32px,calc((100vw - 1200px)/2 + 32px))}
.institution-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;height:54px;padding:6px 12px 6px 9px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(250,249,252,.97);box-shadow:0 8px 24px rgba(0,0,0,.18);text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease}
.brand-logo{display:grid;place-items:center;height:40px;box-sizing:border-box;overflow:hidden}
.brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.brand-unj{width:40px}
.brand-ppg{width:100px;height:38px;padding:3px 4px}
.brand-ppg img{max-height:32px}
.brand-divider{width:1px;height:26px;background:rgba(22,18,28,.16)}
.institution-brand:hover{border-color:rgba(109,60,200,.5);box-shadow:0 10px 30px rgba(80,30,150,.2)}
.institution-brand:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.footer-name{font:700 15px Manrope,sans-serif;color:var(--text);text-decoration:none}
@media(max-width:900px){.site-header{padding-left:max(24px,calc((100vw - 1200px)/2 + 32px));padding-right:max(24px,calc((100vw - 1200px)/2 + 32px))}}
@media(max-width:620px){.site-header{padding-left:20px;padding-right:20px}.institution-brand{height:46px;gap:7px;padding:5px 9px 5px 7px;border-radius:12px}.brand-logo{height:34px}.brand-unj{width:34px}.brand-ppg{width:84px;height:32px;padding:3px}.brand-ppg img{max-height:26px}.brand-divider{height:22px}}
@media(max-width:390px){.institution-brand{gap:6px}.brand-ppg{width:78px}}