article {
    margin: 0 auto;
    width: 100%;
}

article + article {
    margin: 5rem auto 0 auto
}

article + article .post-tags-primary {
    border-top: 1px dashed var(--system-color-secondary);
    padding: 5rem 1.5rem 0 1.5rem;
}

article header,
article section,
article footer {
    margin: 0 auto;
    width: 100%;
}

article section,
article footer {
    max-width: 70ch;
    padding: 0 1.5rem;
}

article header > div {
    max-width: 70ch;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
}

article header .post-tags-primary {
    text-transform: uppercase;
}

article header .post-tags-primary a {
    font-size: 0.9rem;
}

article header .post-tags-primary a:before {
    content: "#";
}

article header .post-excerpt {
    color: var(--system-color-tertiary);
    margin: 1.25rem auto;
}

article header .post-reading-time {
    color: var(--system-color-tertiary);
    margin: 1.25rem auto;
}

article header .post-feature-image {
    max-width: 100ch;
    padding: 0;
    text-align: center;
    width: 100%;
}

article .post-feature-image figure {
    margin: 0;
}

article .post-feature-image figure img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
}

article section {
    margin: 1.25rem auto 0;
}

article footer a {
    font-size: 0.9rem;
    margin: 0 0.5rem 0 0;
    text-transform: uppercase;
}

article footer a:last-child {
    margin: 0;
}

article footer a:before {
    content: "#";
}