img {
    aspect-ratio: 16 / 9;
}

body > * + * {
    margin-block-start: var(--space-m);
}

header > * + * {
    margin-block-start: var(--space-xs);
}

footer .icon {
    margin: 0 auto;
}

footer .icon.rss {
    margin-block-start: var(--space-s);
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#subscribe-to-feed {
    display: inline-block;
    margin-block-start: var(--space-xs);
    font-size: var(--step--1);
}

hr {
    width: 100%;
    align-self: flex-start;
}

#pagination ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-s);
    justify-content: center;
    margin-block-start: var(--space-s);
}

#feed > * + * {
    margin-block-start: var(--space-xl);
}

#feed > article > * + * {
    margin-block-start: var(--space-2xs);
}

#feed {
    display: block;
    width: 100%;
    height: 100%;
}

#feed > article > h2 {
    margin-block-start: var(--space-xs);
    font-size: var(--step-2);
}

#feed > article > p {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: calc(var(--space-m) * 2);
    line-height: var(--space-m);
}

#feed > article > a {
    align-self: flex-start;
}

#feed > article {
    display: flex;
    flex-flow: column;
}