.article{border-bottom:2px solid var(--puma-border-color-light);padding:40px 0}.article:last-child{border-bottom:none}.article .article-author{display:block;margin-bottom:10px;width:32px;height:32px;border-radius:50%;overflow:hidden;box-shadow:0 0 3px #0003}.article .article-author img{width:100%;height:100%;object-fit:cover}.article .article-header{text-align:center}.article .article-header .article-header-title{font-weight:400;margin-block:0}.article .article-header a{color:var(--puma-text-color);transition:color .25s ease-in}.article .article-header a:hover{color:var(--puma-main-color)}.article .article-header .article-header-time{font-size:14px;color:var(--puma-text-light)}.article .article-content{margin-top:20px;color:var(--puma-text-light)}.article .article-content figcaption{font-size:12px;color:var(--puma-text-gray);text-align:center}.article .article-content .post__image{text-align:center}.article .article-content .post__image img{box-shadow:0 0 6px var(--puma-text-gray-lightest);border-radius:10px;height:auto}.article .article-content p{line-height:1.7;text-align:justify}.article .article-content pimg,.article .article-content pcode,.article .article-content ppre,.article .article-content pblockquote,.article .article-content p:empty{text-indent:0}.article .article-content p:empty{display:none}.article .article-content .with-img{margin-bottom:12px;display:block;position:relative;padding-top:56.25%;width:100%;border-radius:10px;overflow:hidden;font-size:0;background-color:var(--puma-background-gray);box-shadow:0 0 6px #0003;background-image:url(/loading.svg);background-position:center;background-size:30%;background-repeat:no-repeat}.article .article-content .with-img>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article .article-footer{margin-top:12px;font-size:12px;border-left:2px solid var(--puma-border-color-light);color:var(--puma-text-light);padding-left:10px}.article .article-footer a:hover{color:var(--puma-main-color)}.article .article-footer .read-info{display:flex;justify-content:space-between}.article .article-footer .more-link{text-transform:uppercase;font-weight:500;color:var(--puma-text-light);text-decoration:underline;transition:color .25s ease-in}.article-type{padding:18px 0;text-align:center;border-bottom:2px solid var(--puma-border-color-light)}.article-type .archive-title{font-size:20px;font-weight:600;margin-block:0;line-height:1.15;color:var(--puma-text-color)}.article-type .taxonomy-description{margin-top:14px;color:var(--puma-text-light);line-height:1.15;font-size:14px}@media (width <= 600px){.article{padding:16px 0 12px}.article .article-header .article-header-title{font-size:20px}.article .article-header .article-header-time{font-size:12px}.article .article-content{margin-top:10px;font-size:14px}.article .article-content .with-img{margin-bottom:10px;border-radius:8px}.article .article-content p{line-height:1.6}.article .article-footer{margin-top:10px}}.article-list .article p{text-indent:2em}