/* Compact, reachable navigation without compulsory sign-in. */
body header{justify-content:flex-start;align-items:center;gap:12px}
body header .portal-brand-link{margin-right:auto}
body header nav{display:flex;flex-wrap:wrap;gap:8px}
body header .portal-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;box-sizing:border-box;padding:11px 16px;border:1px solid #c6b37c80;border-radius:14px;background:#223c50e8;color:#f4dfad;text-decoration:none;font-size:16px;font-weight:600;line-height:1.25;white-space:normal;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
body header .portal-nav-button svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body header .portal-account-button{background:linear-gradient(135deg,#efdbad,#cbb17a);color:#172d3c;border-color:#efd89b}
body header .portal-nav-button[aria-current=page]{border-color:#e8ce8b;box-shadow:inset 0 0 0 1px #e8ce8b30}
body [data-rubi-profile-link][hidden],body .rubi-wallet[hidden]{display:none!important}
@media(hover:hover){body header .portal-nav-button:hover{background:#35576b;border-color:#f9e3ad;box-shadow:0 4px 20px #d6b76726;transform:translateY(-1px)}body header .portal-account-button:hover{background:#f4dfad}}
body header .portal-nav-button:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 6px #07152266}
body header .portal-nav-button:focus-visible{outline:3px solid #afe4e9;outline-offset:4px}
body .hd-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hd-intro-copy{flex:1;min-width:0}.celestial-weave{flex:0 0 auto;width:clamp(110px,19vw,220px);height:auto;color:#e6c88d;opacity:.85;pointer-events:none}
#hd-root{scroll-margin-top:20px}
@media(max-width:600px){body header{gap:8px}body header .portal-nav-button{padding:10px 12px;font-size:14px;min-height:44px}body header .portal-brand-logo{width:70px;height:70px}body header .portal-account-button{order:0}body header nav{order:1;flex:1 0 100%}body header .portal-map-button,body header [data-rubi-profile-link]{order:2;flex:1 1 130px}body .hd-intro{gap:10px;align-items:flex-start}.celestial-weave{width:86px;margin-top:14px}.hd-intro-copy h1{font-size:clamp(26px,6.5vw,40px)}}
@media(prefers-reduced-motion:reduce){body header .portal-nav-button{transition:none}}