#resource {
    header {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    article {
        max-width: 960px;
        margin-inline: auto;
    }

    article > header {
        margin-block-end: 20px;
    }

    h2 > a {
        color: var(--color-grey-1);
        text-decoration: none;
    }

    h3 {
        padding-block: 1rem;
    }

    ul,
    ol {
        padding-block: .5rem;
        padding-inline-start: 1.5rem;
    }

    li {
        padding-left: 0.5rem;
        padding-block: .2rem;
        line-height: 1.25;
    }

    p {
        margin-block: .5rem;
    }

    header > img {
        max-width: 100%;
        max-height: 300px;
        object-fit: cover;
    }

    .date {
        display: flex;
        flex-direction: row;
        gap: 1rem;

        align-items: center;

        svg {
            width: 32px;
            height: 32px;
        }
    }

    iframe.slideshare {
        width: 100%;
        height: 280px;
        border: none;
    }
}

body {
    gap: 1.25rem;
}

@media screen and (min-width: 768px) {
    body > header {
        padding-block: 2rem;
    }

    #resource {
        iframe.slideshare {
            width: 800px;
            height: 650px;
            border: none;
        }
    }
}