.index-main {
    width: calc(100% - 6rem);
    max-width: 40rem; /* One line contains 80 characters, you know? */
    margin: 0 auto;
    @media (max-width: 600px) {
        & {
            width: calc(100% - 2rem);
        }
    }

    .lang-filter {
        font-size: 0.75rem;
    }

    .post-list {
        margin-top: 1rem;

        article {
            &:first-child {
                border-top: 1px solid var(--light-gray);
            }
            border-bottom: 1px solid var(--light-gray);
            padding: 1rem 0;

            time {
                font-size: 0.75rem;
            }

            .lang-selector a {
                background-color: var(--lighter-gray);
                color: var(--dim-gray);
                padding: 0.1rem 0.3rem;
                border-radius: 0.25rem;
                font-size: 0.75rem;
            }

            .badge-external-post {
                display: inline-block;
                background-color: var(--lighter-gray);
                
                padding: 0.1rem 0.5rem;
                border-radius: 0.25rem;

                color: var(--dim-gray);
                font-size: .75rem;

                margin-left: 0.25rem;
                margin-bottom: 0.5rem;
            }
        
            h1 {
                font-size: 1.5rem;
                font-weight: 600;

                margin-bottom: 0.5rem;

                a {
                    color: var(--dark-gray);

                    .fa-arrow-up-right-from-square {
                        font-size: 1rem;
                        margin-left: 0.25rem;
                    }
                }
            }


            .post-summary {
                font-size: 0.75rem;
                color: var(--gray);
            }
        }

        .post-list-pagination {
            margin-top: 1rem;

            display: grid;
            grid-template-columns: 1fr 1fr;

            a {
                color: var(--dim-gray);
            }

            a:hover {
                text-decoration: underline;
            }

            .pagination-left {
                text-align: right;
                margin-right: 1rem;
            }
            .pagination-right {
                text-align: left;
                margin-left: 1rem;
            }
        }
    }
}