@media (max-width: 58rem) {

    .header-inner,
    .split-header,
    .toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero {
        padding-top: 1.25rem;
    }

    .hero-grid,
    .content-grid {
        grid-template-columns: 1fr;
    }

    .card-grid,
    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .forum-row {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .forum-stats,
    .forum-latest {
        grid-column: 2;
    }

    .thread-row {
        grid-template-columns: 1fr;
    }

    .thread-status {
        width: fit-content;
    }

    .post-card {
        grid-template-columns: 1fr;
    }

    .post-author {
        border-right: 0;
        border-bottom: 2px solid var(--color-border);
    }

    .search-form {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 36rem) {
    .container {
        width: min(100% - 1rem, var(--container));
    }

    .main-nav {
        gap: 0.75rem;
    }

    .card-grid,
    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .hero-copy h1,
    .page-header h1,
    .section-heading h2 {
        letter-spacing: 0;
    }

    .form-row,
    .moderation-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-header {
        align-items: flex-start;
        flex-direction: column;
    }
}