[x-cloak] {
    display: none !important;
}
.livewire-summary::-webkit-details-marker {
    display: none;
}

.livewire-summary::marker {
    content: '';
}

/* 248px — the rail's width on every frame of
   `docs/marketing/laravel-ai-platform.pen`. It was 15rem/240px, which is the
   habitual figure and not the drawn one. */
.livewire-console-sidebar {
    --livewire-sidebar-width: 15.5rem;
}

.livewire-console-sidebar .livewire-identity-menu {
    max-width: calc(100vw - 1rem);
}

.livewire-data-table {
    min-width: 40rem;
}

.livewire-prose {
    color: var(--foreground);
    line-height: 1.75;
}

.livewire-prose > :first-child {
    margin-top: 0;
}

.livewire-prose > :last-child {
    margin-bottom: 0;
}

.livewire-prose h1,
.livewire-prose h2,
.livewire-prose h3,
.livewire-prose h4 {
    color: var(--foreground);
    font-weight: 650;
    line-height: 1.25;
    margin-bottom: 0.65em;
    margin-top: 1.5em;
}

.livewire-prose h1 {
    font-size: 2rem;
}

.livewire-prose h2 {
    font-size: 1.5rem;
}

.livewire-prose h3 {
    font-size: 1.25rem;
}

.livewire-prose p,
.livewire-prose ul,
.livewire-prose ol,
.livewire-prose pre,
.livewire-prose blockquote,
.livewire-prose table {
    margin-bottom: 1.15rem;
    margin-top: 1.15rem;
}

.livewire-prose ul,
.livewire-prose ol {
    padding-left: 1.5rem;
}

.livewire-prose ul {
    list-style: disc;
}

.livewire-prose ol {
    list-style: decimal;
}

.livewire-prose a {
    color: var(--primary);
    font-weight: 550;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.livewire-prose code {
    background: var(--muted);
    border-radius: 0.25rem;
    color: var(--foreground);
    font-size: 0.875em;
    padding: 0.15rem 0.35rem;
}

.livewire-prose pre {
    background: var(--muted);
    border: 1px solid var(--border);
    border-radius: 0.75rem;
    overflow-x: auto;
    padding: 1rem;
}

.livewire-prose pre code {
    background: transparent;
    padding: 0;
}

.livewire-prose blockquote {
    border-left: 0.25rem solid var(--border);
    color: var(--muted-foreground);
    padding-left: 1rem;
}

.livewire-prose table {
    border-collapse: collapse;
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.livewire-prose th,
.livewire-prose td {
    border: 1px solid var(--border);
    padding: 0.6rem 0.75rem;
    text-align: left;
}

@media (min-width: 40rem) {
    .livewire-data-grid {
        grid-template-columns: 12rem minmax(0, 1fr);
    }
}

@media (min-width: 64rem) {
    .livewire-api-docs-layout {
        grid-template-columns: 14rem minmax(0, 1fr);
    }
}

@media (min-width: 48rem) {
    .livewire-console-sidebar {
        width: var(--livewire-sidebar-width);
    }

    .livewire-console-sidebar.is-collapsed {
        width: 3.5rem;
    }

    .livewire-console-sidebar.is-collapsed .livewire-sidebar-label,
    .livewire-console-sidebar.is-collapsed .livewire-identity-menu {
        display: none;
    }

    /* THE BRAND NO LONGER TRACKS THE RAIL'S WIDTH, because it is no longer a
       column above it — it is an item at the start of the navbar band (see
       `app-shell/navbar.blade.php`). A brand fenced into the rail's width read
       as the SIDEBAR'S header, which left the rail looking like it had two
       headers stacked: the product name and the workspace selector.

       The wordmark still hides when the rail collapses. Not for alignment now,
       but for the same reason it hides on a narrow screen: a collapsed rail is
       somebody asking for room, and the mark alone still says where home is.
       The flag is on the CONSOLE root because the navbar is the rail's sibling
       and cannot read a class set on the rail itself. */
    .livewire-console.is-sidebar-collapsed .livewire-brand-label {
        display: none;
    }

    .livewire-console-sidebar.is-collapsed summary,
    .livewire-console-sidebar.is-collapsed a,
    .livewire-console-sidebar.is-collapsed button,
    .livewire-console-sidebar.is-collapsed .livewire-sidebar-utility {
        justify-content: center;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* THE CONTEXTUAL DIRECTORY LOSES ITS INDENT WHEN THE RAIL COLLAPSES.

       The 14px that says "these rows are inside AI Platform" is drawn by the
       LABELS lining up under the parent's label. With the labels hidden there is
       nothing left to line up, and the indent only pushes every icon off the
       centre of a 56px strip — the one place an icon has to be exactly centred,
       because it is all that is left of the row. */
    .livewire-console-sidebar.is-collapsed .livewire-rail-directory {
        padding-left: 0;
    }
}

@media (min-width: 80rem) {
    .livewire-docs-layout {
        grid-template-columns: 15rem minmax(0, 1fr);
    }

    .livewire-api-docs-layout {
        grid-template-columns: 14rem minmax(0, 1fr) 13rem;
    }
}