.signed-in-navigation{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.signed-in-navigation>details{position:relative;margin:0;border:0;padding:0}.signed-in-navigation>details>summary{cursor:pointer;list-style:none;border:1px solid #52616b;border-radius:8px;padding:8px 12px;font:inherit;white-space:nowrap}.signed-in-navigation>details>summary::-webkit-details-marker{display:none}.signed-in-navigation>details>summary::after{content:' ▾'}.signed-in-navigation .menu{position:absolute;right:0;top:calc(100% + 6px);z-index:1200;min-width:210px;max-height:65vh;overflow:auto;padding:8px;background:#172732;color:#edf3f2;border:1px solid #52616b;border-radius:10px;box-shadow:0 8px 24px #0006}.signed-in-navigation .menu a,.signed-in-navigation .menu button{display:block;width:100%;box-sizing:border-box;text-align:left;padding:10px 12px;color:inherit;font:inherit;text-decoration:none;background:none;border:0;border-radius:5px}.signed-in-navigation .menu a:hover,.signed-in-navigation .menu button:hover{background:#30454f}.signed-in-navigation :focus-visible{outline:2px solid #8de0d1;outline-offset:2px}.signed-in-navigation>a{padding:8px;color:inherit;text-decoration:none}@media(max-width:700px){.signed-in-navigation{width:100%;justify-content:flex-start}.signed-in-navigation .menu{right:auto;left:0;max-width:calc(100vw - 40px)}.signed-in-navigation>details>summary{font-size:13px;padding:7px 9px}}

.public-login[hidden]{display:none!important}

/* A signed-in header can wrap onto two rows; keep its navigation above the hero. */
body:has(#welcome:not([hidden]))>header:has(>#nav:not([hidden])){height:auto;min-height:100px}