/* =========================================================
   UNIVERSAL ARCHIVE LAYOUT
   CATEGORY / TAG / AUTHOR / SEARCH / ARCHIVE
========================================================= */

/* FULL WIDTH CONTAINER */

.archive .site.grid-container.container,
.search .site.grid-container.container,
.author .site.grid-container.container,
.tag .site.grid-container.container {
    width: 100%;
    max-width: 100%;

    padding-left: 0;
    padding-right: 0;
}

/* FULL WIDTH CONTENT */

.archive .site-content,
.search .site-content,
.author .site-content,
.tag .site-content {
    width: 100%;
    max-width: 100%;
}

/* =========================================================
   PAGE WRAPPER
========================================================= */

.archive-page {
    width: 100%;

    padding: 50px 40px;

    background: var(--color-bg);
}

/* =========================================================
   GRID LAYOUT
========================================================= */

.archive-layout {
    display: grid;

    grid-template-columns:
        320px
        minmax(0, 1fr)
        300px;

    gap: 32px;

    width: 100%;
    margin: 0 auto;

    align-items: start;
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1400px) {

    .archive-layout {
        grid-template-columns:
            280px
            minmax(0, 1fr);
    }

    .archive-right-sidebar {
        display: none;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {

    .archive-page {
        padding: 40px 24px;
    }

    .archive-layout {
        grid-template-columns: 1fr;

        gap: 40px;
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .archive-page {
        padding: 28px 16px;
    }

}

/* =========================================================
   TAG PAGE
========================================================= */

.tag .archive-title {
    word-break: break-word;
}

.tag .archive-description {
    max-width: 680px;
}

/* =========================================================
   SEARCH PAGE
========================================================= */

.search .archive-title {
    max-width: 900px;
}

.search .archive-description {
    max-width: 720px;
}

/* =========================================================
   AUTHOR PAGE
========================================================= */

.author .archive-description {
    max-width: 720px;
}

/* =========================================================
   EMPTY STATE
========================================================= */

.archive-empty {
    padding: 60px 40px;

    border-radius: 24px;

    background: var(--surface);

    text-align: center;

    font-size: 18px;
    font-weight: 600;

    color: var(--color-muted);
}