@layer components{.account-shell{& .account-shell__head{padding-block:var(--space-l)}& .account-shell__heading{margin-block-start:var(--space-2xs);font-size:var(--size-step-3)}& .account-shell__lead{max-inline-size:var(--measure);margin-block-start:var(--space-s);opacity:.85}& .account-shell__layout{display:grid;gap:var(--space-l);align-items:start;padding-block:var(--space-l)var(--space-2xl);@media(min-width:768px){grid-template-columns: 16rem 1fr; gap: var(--space-xl);}}& .account-nav{@media(min-width:768px){position: sticky; inset-block-start: 6rem;}}}}