<x-app-layout>
    @include('partials.background')
    <div class="relative max-w-[120rem] mx-auto px-4 sm:px-6 lg:px-8 pt-10 pb-16">
        <div class="flex flex-col md:flex-row gap-6 md:gap-8">

            {{-- Sidebar --}}
            <div class="w-full md:w-64 xl:w-72 shrink-0">
                @include('profile.partials.sidebar')
            </div>

            {{-- Content --}}
            <div class="flex-1 min-w-0">
                {{ $slot }}
            </div>
        </div>
    </div>
</x-app-layout>