/* Native, script-free account disclosure; isolated from wardrobe styles. */
.site-header nav{flex-wrap:wrap;justify-content:flex-end}
.account-menu{position:relative;flex:none;color:var(--ink)}
.account-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--green);cursor:pointer}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:var(--tag-bg)}
.account-menu>summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.account-menu__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:280px;max-width:calc(100vw - 40px);padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--ink);box-shadow:0 8px 24px #0002;overflow-wrap:anywhere;white-space:normal}
.account-menu__identity{margin:0 0 8px;padding:8px;border-bottom:1px solid var(--line);font-size:14px;font-weight:650;overflow-wrap:anywhere;min-width:0}
.account-menu__panel>a,.account-menu__panel .link{display:flex;align-items:center;min-height:44px;width:100%;padding:10px 8px;font-size:14px;text-align:left;color:var(--green);border-radius:4px;text-decoration:none}
.account-menu__panel>a:hover,.account-menu__panel .link:hover{background:var(--tag-bg)!important;text-decoration:underline}
.account-menu__panel form{margin:0}
@media(max-width:600px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px}
  .site-header>.brand{grid-column:1;grid-row:1}
  .site-header nav{display:contents}
  .site-header nav>.theme-picker{grid-column:2;grid-row:1;justify-self:end}
  .site-header nav>.account-menu{grid-column:3;grid-row:1;justify-self:end}
  .site-header nav>a{display:flex;align-items:center;min-height:44px;font-size:12px}
  .site-header nav>a:first-child{grid-column:1;grid-row:2}
  .site-header nav>a:nth-child(2){grid-column:2/4;grid-row:2;justify-self:end}
  .site-header nav>a:nth-child(3){grid-column:1/-1;grid-row:3}
  .site-header nav>.local-label{grid-column:1/-1;grid-row:2;max-width:none;text-align:left}
  .account-menu__panel{max-width:calc(100vw - 40px)}
}