.portal-nav{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:100%;grid-column:1/-1;margin-bottom:12px}.portal-nav a,.portal-nav button,.login button{font:inherit;border:1px solid #93b5ae;background:#14594f;color:white;border-radius:20px;padding:8px 16px;text-decoration:none;cursor:pointer}.portal-nav form{margin:0}.portal-note{grid-column:1/-1;font-size:13px;color:#51726d}.login{font-family:system-ui,sans-serif;max-width:420px;margin:12vh auto;padding:32px;border:1px solid #cadbd6;border-radius:20px;background:#f5faf8;color:#153e37}.login label{display:block;margin:20px 0}.login input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border:1px solid #9bbab1;border-radius:8px;font:inherit}.login a{display:block;margin-top:20px;color:#176759}
.topbar .brand{flex:1 1 auto;min-width:0;text-align:left}.topbar .top-meta{flex:0 0 auto;margin-left:auto}.topbar .portal-nav{width:auto;margin-bottom:6px;flex-wrap:wrap}.topbar{gap:20px}.topbar .brand p,.topbar .brand h1{white-space:normal}@media(max-width:650px){.topbar{flex-wrap:wrap}.topbar .brand{flex-basis:100%}.topbar .top-meta{margin-left:0}.topbar .portal-nav{justify-content:flex-start}}