/* Blog listing layout. */
.blog-main{max-width:940px;margin:54px auto 0;padding:0 20px 50px;min-height:460px}
.blog-main>h1{font-size:40px;font-weight:500;text-align:center;margin:0 0 24px}
.blog-intro{color:var(--muted);text-align:center;margin-bottom:36px}
.post-preview{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line)}
.post-thumbnail{min-height:270px;background:#25282a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-decoration:none;padding:24px}
.post-thumbnail span{font-size:32px;font-weight:700;color:var(--yellow)}
.post-thumbnail strong{font-size:26px;text-align:center}
.post-thumbnail small{color:var(--muted)}
.post-summary{padding:26px 30px}
.post-summary h2{font-size:25px;line-height:1.5;margin:0 0 18px;word-break:keep-all}
.post-summary h2 a{text-decoration:none}
.post-summary>p:not(.post-meta){color:#ccc;line-height:1.7}
.read-more{display:inline-block;margin-top:14px;color:var(--yellow)}
@media(max-width:640px){.blog-main{margin-top:38px;padding:0 18px 25px}.blog-main>h1{font-size:30px;margin-bottom:22px}.post-preview{grid-template-columns:1fr}.post-thumbnail{min-height:170px}.post-summary{padding:24px}.post-summary h2{font-size:23px}}