.blog-page{padding-top:40px;padding-bottom:64px}.blog-page>h1{font-size:clamp(28px,4vw,44px);line-height:1.2;max-width:900px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.article-card{border:1px solid #ece5eb;border-radius:16px;overflow:hidden;background:#fff;min-width:0}.article-card>a{display:block}.article-card img{width:100%;height:220px;object-fit:cover;display:block}.article-card>div{padding:22px}.article-card h2{font-size:20px;line-height:1.4;margin:0 0 14px}.article-card h2 a{color:inherit;text-decoration:none}.article-card p{line-height:1.7;color:#62616a}.article-read{color:#942078;font-weight:600}.blog-article{max-width:850px;margin:30px auto}.blog-article h1{font-size:clamp(28px,4vw,42px);line-height:1.3;overflow-wrap:anywhere}.article-hero{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;border-radius:16px;margin:28px 0}.article-prose{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.article-prose img{display:block;max-width:100%;height:auto;margin:24px auto}.article-prose table{display:block;max-width:100%;overflow-x:auto}.article-prose figure{margin:28px 0}.article-prose figcaption{font-size:14px;color:#666;text-align:center}.article-related{margin-top:60px}.legacy-archive-card{padding:22px;border:1px solid #ece5eb;border-radius:12px}.blog-page .pagination{margin-top:32px}@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}.blog-page{padding-top:24px}.article-card img{height:auto;max-height:280px}.article-card>div{padding:18px}.article-prose{font-size:16px}}
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:32px}.blog-pagination>a,.blog-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #e5dce3;border-radius:10px;text-decoration:none;font-size:15px;line-height:1.2;color:#942078}.blog-pagination .current{background:#942078;color:#fff;border-color:#942078}.blog-pagination [aria-disabled=true]{color:#888;background:#f8f7f8}.blog-pagination a:hover{background:#faf0f8}