article,
.article {
    overflow-wrap: anywhere;
    border: 1px dashed @on-background;
    padding: 2px;

    & ~ article,
    & ~ .article {
        margin-top: @space-md;
    }

    .article-title {
        color: @primary;
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .article-subtitle {
        color: @secondary;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .article-link {
        cursor: pointer;
        text-decoration: underline;
    }
}

.article-details {
    &.default {
        background: #000;
        color: #fff;
    }

    &.news {
        background: #fc0;
    }
}
