.blog-page{max-width:1140px;margin:120px auto 70px;padding:24px;color:#26383e;line-height:2}.blog-article{max-width:800px;margin:0 auto 45px}.blog-article h1{font-size:clamp(25px,4vw,38px);line-height:1.65;margin:24px 0}.blog-article h2,.blog-related h2{font-size:24px}.blog-byline{color:#60747b;font-size:13px}.blog-article img{max-width:100%;height:auto;border-radius:12px}.article-cover{width:100%;margin:20px 0}.article-body{font-size:17px;line-height:2.2;overflow-wrap:anywhere}.article-body iframe{max-width:100%;aspect-ratio:16/9;height:auto}.article-body table{display:block;overflow:auto;max-width:100%}.article-body pre{overflow:auto}.blog-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.blog-post-grid>a{color:inherit;display:block;border:1px solid #e0eaed;border-radius:16px;overflow:hidden;padding:16px;text-decoration:none;background:white;transition:transform .2s,border-color .2s}.blog-post-grid>a:hover{transform:translateY(-3px);border-color:#38bac9}.blog-post-grid img{width:100%;height:190px;object-fit:cover;border-radius:8px}.blog-post-grid h2,.blog-post-grid h3{font-size:19px;line-height:1.8}.blog-post-grid p{font-size:14px}.blog-post-grid small,.blog-article nav a{color:#137f8e}.blog-comment{padding:20px;border-bottom:1px solid #e3eaed}.blog-comment-form label,.blog-search label{display:block;font-weight:500}.blog-comment-form input,.blog-comment-form textarea,.blog-search input{display:block;width:100%;border:1px solid #cedbdf;padding:11px 14px;border-radius:8px;margin:8px 0 18px;box-sizing:border-box;font:inherit}.blog-comment-form button,.blog-search button{background:#137f8e;color:#fff;border:0;border-radius:8px;padding:10px 24px;font:inherit}.blog-search{max-width:600px;margin:24px 0}.blog-page .yiiPager{display:flex;gap:12px;list-style:none;padding:0;justify-content:center}@media(max-width:760px){.blog-page{margin-top:85px;padding:20px}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-post-grid img{height:145px}.article-body{font-size:16px}}@media(max-width:480px){.blog-post-grid{grid-template-columns:minmax(0,1fr)}.blog-post-grid img{height:200px}}
.blog-page .yiiPager{flex-wrap:wrap;max-width:100%}