/* Blog: reuse the public robot TOP appearance without loading the landing CSS. */
.blog-public .blog-top61{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;min-height:100px;padding:0;background:transparent;border:0;box-shadow:none;color:#0c3058;text-decoration:none;font-size:14px;font-weight:650;line-height:1.3;cursor:pointer}
.blog-public .blog-top61[hidden]{display:none}
.blog-public .blog-top61 img{display:block;width:80px;height:80px;object-fit:contain}
.blog-public .blog-top61 span{display:block;background:transparent}
.blog-public .blog-top61:hover,.blog-public .blog-top61:active{background:transparent;box-shadow:none;transform:none;color:#0c3058}
.blog-public .blog-top61:focus-visible{outline:3px solid #008a99;outline-offset:4px;border-radius:8px}
.blog-public #blog-top61:focus{outline:none}
@media(max-width:640px){.blog-public .blog-top61{width:64px;min-height:84px;right:max(12px,env(safe-area-inset-right));font-size:13px}.blog-public .blog-top61 img{width:64px;height:64px}}
@media print{.blog-public .blog-top61{display:none}}