.account-navigation { min-inline-size:0; border:1px solid var(--store-border); border-radius:var(--store-radius-lg); padding:1rem; background:var(--store-surface); }
.account-navigation > summary { cursor:pointer; font-weight:650; padding:.5rem; }
.account-navigation ul { list-style:none; margin:0; padding:0; display:grid; gap:.25rem; }
.account-navigation a,.account-navigation button { display:flex; align-items:center; gap:.75rem; inline-size:100%; padding:.8rem; border:0; border-radius:var(--store-radius-md); background:transparent; color:var(--store-text); font:inherit; text-align:start; text-decoration:none; cursor:pointer; }
.account-navigation a[aria-current],.account-navigation a:hover,.account-navigation button:hover { background:var(--store-surface-muted-background); color:var(--store-accent); }
.account-navigation form { margin-block-start:.5rem; border-block-start:1px solid var(--store-border); padding-block-start:.5rem; }
@media(min-width:48.001rem) { .account-navigation > summary { display:none; } .account-navigation:not([open]) > summary { display:list-item; } }
.account-navigation svg { inline-size:1.25rem; block-size:1.25rem; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }