.blog-list-section{min-height:1625px}.blog-grid{row-gap:30px}.blog-list-section .pagination{margin-top:50px}
.article-main{padding:80px 20px 160px}.article{width:min(var(--article-width),100%);margin:auto}.article-hero{width:100%;aspect-ratio:910/450;border-radius:20px;object-fit:cover}.article-header{margin-top:54px}.article-category{display:inline-block;padding:5px 15px;border-radius:999px;background:var(--color-cream);color:var(--color-primary);font-weight:700}.article-header h1{margin:15px 0;font-size:36px;line-height:1.35;color:var(--color-text-dark)}.article-header time{font-size:16px;color:#595757}.article-content{margin-top:54px}.article-content section h2{margin-bottom:20px;padding:8px 20px;border-left:5px solid var(--color-primary);border-radius:5px;background:var(--color-cream);color:var(--color-primary);font-size:24px}.article-content section p{font-size:16px;font-weight:500;line-height:1.75;color:#595757}.article-content section a{color:var(--color-primary);text-decoration:underline}.article-content figure{margin-top:40px}.article-content figure img{width:100%;aspect-ratio:910/541;border-radius:20px;object-fit:cover}.article-content figcaption{margin-top:10px;color:var(--color-muted);font-size:14px}.back-to-blog{margin:80px auto 0}
@media(max-width:900px){.blog-list-section{min-height:0}.article-main{padding-top:60px}.article-header h1{font-size:32px}}
@media(max-width:600px){.blog-grid{gap:42px}.article-main{padding:45px 20px 90px}.article-hero{border-radius:14px}.article-header{margin-top:38px}.article-category{font-size:13px}.article-header h1{font-size:25px}.article-header time{font-size:13px}.article-content{margin-top:40px}.article-content section h2{font-size:20px;line-height:1.5}.article-content section p{font-size:14px;line-height:1.9}.article-content figure img{border-radius:14px}.back-to-blog{margin-top:55px}}