.article-row {
    position: relative;
    display: inline-block;
    width: 100%;
    border-image: url('/paper/elements/patch-article-blog.svg') 55;
    border-image-outset: 15px;
    border-image-width: 50px;
    border-image-slice: 30 fill;
    color: #916E53;
    text-decoration: none;
    font-family: 'VSPencil', Arial, sans-serif;
    text-align: left;
    padding: 0.5em;
    margin-bottom: 3em;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
}
.article-content iframe {
    aspect-ratio: 16/9 !important;
    width: 100%;
    height: auto;
}
.article-content {
    position: relative;
    display: inline-block;
    width: 100%;
    border-image: url('/paper/elements/patch-article-blog.svg') 55;
    border-image-outset: 15px;
    border-image-width: 50px;
    border-image-slice: 50 fill;
    color: #916E53;
    text-align: left;
    padding: 0.5em;
    margin-bottom: 3em;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.4));
}
.blog-container {
    position: relative;
}
.blog-container::before, .blog-container::after {
    content: ' ';
    display: inline-block;
    width: calc(100% - 6em);
    height: 100%;
    top: 0;
    z-index: -1;
}
.blog-container::before {
    position: absolute;
    left: -5em;
    background: url("/paper/elements/blog-left.png") repeat-y;
    pointer-events: none;
    background-size: 7em;
}
.blog-container::after {
    display: inline-block;
    position: absolute;
    right: -5em;
    background: url("/paper/elements/blog-right.png") repeat-y;
    background-position: top right;
    pointer-events: none;
    background-size: 6em;
}

.article-row h2 {
    font-family: 'VSPencil', Arial, sans-serif;
    color: #916E53;
}
.article-row p {
    font-family: 'montserrat', Arial, sans-serif;
    color: #916E53;
}
.desktop-img, .mobile-img {
    width: 100%;
    border-radius: 30px;
}

.article-desc-part {
    position: relative;
    padding-right: 6em;
}
.read-article {
    width: 4em;
    height: 4em;
    aspect-ratio: 1;
    position: absolute;
    right: 2em;
    top: calc(50% - 2em);
    background: url("/paper/icons/read-article.svg") no-repeat;
    background-size: contain;
}
.writtenByPart {
    color: white;
    font-family: 'montserrat', Arial, sans-serif;
    border: 35px solid #FFFFFF05;
    border-image-source: url('/paper/elements/patch-faq-question.svg');
    border-image-repeat: stretch;
    border-image-slice: 35% 25% 25% 50% fill;
}
.rounded {
    border-radius: 1.5em !important;
}

/** new container (for read more section) */
.news-container {
    position: relative;
    border: 2px solid #B69881;
    border-radius: 40px;
    background: rgba(219, 193, 175, 0.2);
    padding: 30px;
    margin: 1em 1em 0.1em;
}
.news-container::before {
    content: ' ';
    display: inline-block;
    width: 1.7em;
    aspect-ratio: 40/85;
    background-image: url("/paper/elements/stars-news-before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -2.5em;
    top: -0.5em;
}
.news-container::after {
    content: ' ';
    display: inline-block;
    width: 2.5em;
    aspect-ratio: 65/85;
    background-image: url("/paper/elements/stars-news-after.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -3em;
    bottom: 1.5em;
}
.news-container .article {
    display: inline-block;
    width: 100%;
    background: url('/paper/elements/bg-article.png') repeat;
    border-image: url('/paper/elements/patch-article.png') 55;
    border-image-outset: 15px;
    border-image-width: 50px;
    color: #916E53;
    text-decoration: none;
    font-family: 'VSPencil', Arial, sans-serif;
    text-align: center;
}
.news-container .article a {
    text-decoration: none;
    text-align: center;
    width: 100%;
}
.news-container .article img {
    padding: 4px;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    width: 100%;
}
.news-container h2 {
    font-size: 1.7em;
    display: inline-block;
    font-family: 'VSPencil', Arial, sans-serif;
    padding: 0;
    margin: 0 8px;
    line-height: 1.6em;
    max-width: 100%;
}
.news-container p {
    font-family: 'montserrat', Arial, sans-serif;
    margin: 0;
    padding: 0 10px 10px;
    line-height: 1em;
}
.article-content a, .article-content a:hover, .article-content a:visited, .article-content a:active {
    color: #916E53;
    text-decoration: underline;
    transition: all 0.25s ease;
}
.article-content a:hover {
    color: #ae6f47;
}