/* Shared native account links; each page supplies its own brand artwork. */
a.profile-account.profile-account{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;line-height:1;text-decoration:none;vertical-align:middle;transform:none}
a.profile-account.profile-account img{display:block;width:44px;height:44px;max-width:none;object-fit:contain}
a.profile-account.profile-account:hover{background:transparent;box-shadow:none;transform:none}
a.profile-account.profile-account:focus-visible{outline:3px solid #168f87;outline-offset:3px}
a.profile-account--daylight.profile-account:focus-visible{outline-color:#b43d78}
a.profile-account--clues.profile-account:focus-visible{outline-color:#ed2426}
a.profile-account--flash.profile-account:focus-visible{outline-color:#2dd4c5}
a.profile-account--fair.profile-account:focus-visible{outline-color:#d4a742}
@media(prefers-reduced-motion:reduce){a.profile-account.profile-account:hover{transform:none}}
/* Keep account access alongside the product action in compact headers. */
.nav nav a.profile-account.profile-account,.top nav a.profile-account.profile-account{display:inline-flex}
@media(max-width:600px){.nav .wrap{flex-wrap:wrap;padding-block:8px}.nav nav{gap:8px;flex-wrap:wrap}.nav .wrap>nav{margin-left:auto}}

/* Solid profile artwork shares one circular treatment in each page's own palette. */
a.profile-account.profile-account:hover img{filter:brightness(1.12)}