.blog-public{max-width:1040px;margin:0 auto;padding-top:24px;padding-bottom:45px;color:#262b3b}
.blog-heading{max-width:820px;margin:0 auto 38px;text-align:center}
.blog-heading>p:first-child,.blog-meta{color:#6654cf;font-size:13px;font-weight:700;letter-spacing:.04em}
.blog-heading h1{font-size:clamp(34px,5vw,54px);line-height:1.12;margin:12px 0 18px;color:#20243b}
.blog-heading>p:last-child{font-size:18px;color:#68708a}
.blog-list{display:grid;gap:22px}
.blog-card{display:grid;grid-template-columns:minmax(220px,34%) 1fr;overflow:hidden;border:1px solid #e3e6f1;border-radius:16px;background:#fff;box-shadow:0 8px 30px #28255708}
.blog-cover{display:block;min-height:220px;background:#f4f5fb}
.blog-cover img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.blog-card-copy{padding:25px 30px}
.blog-card-copy h2{font-size:25px;line-height:1.25;margin:10px 0 12px}
.blog-card-copy h2 a{color:#20243b}
.blog-card-copy>p:not(.blog-meta){line-height:1.7;color:#555e76}
.blog-meta{margin:0;font-weight:500;letter-spacing:0}
.blog-read{display:inline-block;margin-top:8px;font-weight:700}
.blog-empty{padding:28px;text-align:center;background:#fff;border-radius:12px}
.blog-pagination{display:flex;justify-content:center;gap:8px;margin:30px 0}
.blog-pagination a,.blog-pagination span{min-width:38px;padding:8px 12px;text-align:center;border:1px solid #e3e6f1;border-radius:8px;background:#fff}
.blog-pagination [aria-current=page]{background:#6152d9;color:#fff;border-color:#6152d9}
.blog-article{max-width:900px}
.blog-article .blog-heading{margin:0 auto 32px}
.blog-article .blog-heading>p:first-child{margin:0 0 15px}
.blog-article .blog-heading time{color:#68708a}
.blog-article-cover{display:block;max-width:100%;max-height:560px;object-fit:cover;margin:28px auto 0;border-radius:14px}
.blog-article-content{font-size:17px;line-height:1.8;color:#34394b}
.blog-article-content h2,.blog-article-content h3{margin:1.8em 0 .65em;line-height:1.25;color:#20243b}
.blog-article-content img{max-width:100%;height:auto;border-radius:8px}
.blog-article-content table{border-collapse:collapse;max-width:100%}
.blog-article-content th,.blog-article-content td{padding:8px 12px;border:1px solid #dfe2ec}
.blog-article-content blockquote{border-left:4px solid #7565db;padding:8px 20px;color:#5f6680;margin:24px 0}
.blog-back{margin:0 0 24px}
.blog-tags{margin-top:30px;color:#68708a}
@media(max-width:700px){.blog-card{grid-template-columns:1fr}.blog-cover,.blog-cover img{min-height:190px;max-height:280px}.blog-card-copy{padding:20px}.blog-card-copy h2{font-size:21px}.blog-article-content{font-size:16px}}
.blog-heading{text-align:left}
.blog-public:not(.blog-article) .blog-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;max-width:none;margin:0 0 38px}
.blog-public:not(.blog-article) .blog-heading h1{margin:0;font-size:clamp(30px,4vw,44px)}
.blog-public:not(.blog-article) .blog-heading>p:last-child{margin:0}
.blog-meta,.blog-heading>p:first-child,.blog-category{color:#b45309}
.blog-article .blog-heading{margin:0 0 32px;text-align:left}
.blog-article .blog-heading h1{margin:0 0 12px}
.blog-article .blog-heading .blog-category{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:0;color:#b45309}
@media(max-width:700px){.blog-public:not(.blog-article) .blog-heading{gap:4px 12px;margin-bottom:28px}.blog-public:not(.blog-article) .blog-heading>p:last-child{font-size:16px}}
.blog-article-banner{display:block;width:100%;max-height:560px;object-fit:cover;margin:0 auto 32px;border-radius:14px}