.article-list{display:flex;flex-direction:column}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article:not(:last-of-type){margin-bottom:var(--section-separation)}.article-list article .article-image img{width:100%;height:200px;object-fit:cover}@media(max-width:1024px){.article-list article .article-image img{height:150px}}@media(min-width:1920px){.article-list article .article-image img{height:250px}}.article-list article footer.article-category{margin-top:2rem;margin-bottom:0}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding)}.article-category{margin-bottom:10px}.article-category a{display:inline-block;text-decoration:none;padding:8px 16px;font-size:1.4rem;background:#8ea885;color:#fff;border-radius:var(--tag-border-radius)}@media(max-width:812px){.article-category a{font-size:1.25rem;padding:8px 14px}}.article-title{font-weight:600;margin:10px 0;color:var(--card-text-color-main);font-size:3rem}@media(min-width:1920px){.article-title{font-size:3.2rem}}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}.article-title+.article-subtitle{margin-top:0}.article-subtitle{font-weight:400;color:var(--card-text-color-secondary);margin:5px 0;line-height:1.5;font-size:1.75rem}@media(min-width:1920px){.article-subtitle{font-size:2rem}}.article-time{display:flex;align-items:center;color:var(--card-text-color-tertiary);margin-top:10px}.article-time svg{vertical-align:middle;margin-right:15px;width:20px;height:20px;stroke-width:1.33}.article-time time{font-size:1.4rem}.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 18px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;margin-right:10px;margin-bottom:10px;transition:background-color .5s ease}.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background);--image-size:60px}@media(max-width:1024px){.article-list--compact{--image-size:50px}}.article-list--compact+.pagination{margin-top:var(--section-separation)}.article-list--compact article>a{display:flex;align-items:center;padding:var(--small-card-padding)}.article-list--compact article:not(:last-of-type){border-bottom:1.5px solid var(--card-separator-color)}.article-list--compact article .article-details{flex-grow:1;padding:0;padding-right:15px;min-height:var(--image-size)}.article-list--compact article .article-title{margin:0;font-size:1.8rem}@media(max-width:1024px){.article-list--compact article .article-title{font-size:1.6rem}}.article-list--compact article .article-image img{width:var(--image-size);height:var(--image-size)}.article-list--compact article .article-time{font-size:1.4rem}.article-list--compact article .article-preview{font-size:1.4rem;color:var(--card-text-color-tertiary);margin-top:10px;line-height:1.5}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:20px}@media(max-width:812px){.article-list--tile article .article-details{padding:15px}}.article-list--tile article .article-title{font-size:2.2rem;font-weight:500;color:var(--card-text-color-main)}@media(max-width:812px){.article-list--tile article .article-title{font-size:2rem}}small,#post-comments-wrapper .comment footer,#post-comments-wrapper .comment time,aside p{font-size:smaller;opacity:.9}#post-comments-wrapper .button,#post-comments-wrapper button{padding:1rem;border-radius:4px;border-width:0;background-color:var(--code-background-color)}#post-comments-wrapper .button:hover,#post-comments-wrapper button:hover{background-color:var(--body-background)}.avatar{background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 0 2px var(--neutral);margin:0;overflow:hidden}#post-comments-wrapper{margin:1.5em 0;padding:0 var(--card-padding)}#post-comments-wrapper .comment{display:grid;column-gap:1rem;grid-template-areas:"avatar name" "avatar time" "avatar post" "...... interactions";grid-template-columns:min-content;justify-items:start;margin:0 auto 0 -1em;padding:.5em}#post-comments-wrapper .comment.comment-reply{margin:0 auto 0 1em}#post-comments-wrapper .comment .avatar-link{grid-area:avatar;height:4rem;position:relative;width:4rem}#post-comments-wrapper .comment .avatar-link .avatar{height:100%;width:100%}#post-comments-wrapper .comment .avatar-link.op::after{background-color:var(--accent-color);border-radius:50%;bottom:-.25rem;color:var(--accent-color-text);content:"✓";display:block;font-size:1.25rem;font-weight:700;height:1.5rem;line-height:1.5rem;position:absolute;right:-.25rem;text-align:center;width:1.5rem}#post-comments-wrapper .comment .author{align-items:center;display:flex;font-weight:700;gap:.5em;grid-area:name}#post-comments-wrapper .comment .author .instance{background-color:var(--code-background-color);border-radius:9999px;color:var(--neutral);font-size:smaller;font-weight:400;padding:.25em .75em}#post-comments-wrapper .comment .author .instance:hover{opacity:.8;text-decoration:none}#post-comments-wrapper .comment .author .instance.op{background-color:var(--accent-color);color:var(--accent-color-text)}#post-comments-wrapper .comment .author .instance.op::before{content:"✓";font-weight:700;margin-inline-end:.25em;margin-inline-start:-.25em}#post-comments-wrapper .comment time{grid-area:time;line-height:1.5rem}#post-comments-wrapper .comment main{grid-area:post}#post-comments-wrapper .comment main p:first-child{margin-top:.25em}#post-comments-wrapper .comment main p:last-child{margin-bottom:0}#post-comments-wrapper .comment footer{grid-area:interactions}#post-comments-wrapper .comment footer .faves{color:inherit}#post-comments-wrapper .comment footer .faves:hover{opacity:.8;text-decoration:none}#post-comments-wrapper .comment footer .faves::before{color:red;content:"♥";font-size:2rem;margin-inline-end:.25em}#post-comments-wrapper .comment .emoji{display:inline;height:1.25em;vertical-align:middle;width:1.25em}#post-comments-wrapper .comment .invisible{display:none}#post-comments-wrapper .comment .ellipsis::after{content:"…"}#post-comments-view{padding:.4em 1em .4em 1em;color:#FFF;background-color:#9090a0;text-decoration:none;border:none;font-family:Serif;font-size:.9em}#post-comments-credit{visibility:hidden}