.public-skip { position: absolute; left: -100vw; }
.public-skip:focus { left: 1rem; top: 1rem; z-index: 20; background: white; color: black; padding: .75rem; }
@media (max-width: 850px) {
    .header .account, .header .account .login { display: flex; }
    .header .account { flex-wrap: wrap; align-items: center; }
}
.white-text { color:#fff; }
.ocean-text { color:#008eb5; }
.sky-text { color:#00bde9; }
.sun-text { color:var(--yellow); }
.cyan-text { color:var(--cyan); }
/* Keep the remaining logged-out pages close to the shared navigation. */
#main > .contact-hero, #main.shell, #main.account-layout { padding-top:16px; }
@media (max-width:760px) {
    #main > .contact-hero, #main.shell, #main.account-layout { padding-top:12px; }
}
.bar-low { --bar:17%; }
.bar-medium { --bar:33%; }
.bar-full { --bar:100%; }