html body .site-header>.mobile-menu{display:none;position:relative;order:-1}
html body .site-header>.mobile-menu summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;line-height:1.2;white-space:nowrap}
html body .site-header>.mobile-menu summary::-webkit-details-marker{display:none}
html body .site-header>.mobile-menu summary::before{content:"\2630"}
html body .site-header>.mobile-menu summary:focus-visible{outline:2px solid #1b6b52;outline-offset:2px}
html body .site-header>.mobile-menu>div{left:0;right:auto;top:calc(100% + 8px)}
html body .site-header>.brand{margin-right:auto}
html body .site-account{position:relative;flex:0 0 auto}
html body .site-account summary{display:flex;align-items:center;list-style:none;cursor:pointer;padding:0;border:0;border-radius:50%;background:none}
html body .site-account summary::-webkit-details-marker{display:none}
html body .site-account summary:focus-visible{outline:2px solid #1b6b52;outline-offset:2px}
html body .site-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#153d30;color:#fff;font-weight:600;font-size:13px;flex:0 0 auto}
html body .site-account-name{display:none}
html body .site-account-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;z-index:70;background:#f8faf7;border:1px solid var(--line);box-shadow:0 12px 30px #123f351c;padding:8px;display:flex;flex-direction:column}
html body .site-account-panel a,html body .site-account-panel button{display:block;width:100%;box-sizing:border-box;text-align:left;padding:12px;border:0;background:none;font:inherit;font-size:13px;color:inherit;text-decoration:none;cursor:pointer;margin:0}
html body .site-account-panel a:hover,html body .site-account-panel button:hover{background:#e9f0e6}
html body .site-account-panel form{margin:0}
html body .site-account-note{padding:8px 12px;font-size:11px;opacity:.7}
@media(max-width:900px){html body .site-header>.mobile-menu{display:block}html body .site-header{justify-content:flex-start;flex-wrap:nowrap;gap:10px}html body .site-header>.brand{min-width:0;flex:0 1 auto}html body .site-header>.brand img{max-width:100%;height:auto}html body .site-header>.brand small{display:none}html body .site-header nav{flex-wrap:nowrap;margin-left:auto;flex:0 0 auto}}
@media(max-width:600px){html body .site-header nav .button-small{display:none}}
