.blog-page{padding:0 5%;color:#121212}.blog-hero{padding:90px 0 65px;max-width:1100px}.blog-kicker{font-size:12px;letter-spacing:2px;font-weight:600;color:#555}.blog-hero h1{font-size:clamp(38px,5.5vw,78px);line-height:1.08;letter-spacing:-2px;margin:25px 0;overflow-wrap:anywhere}.blog-hero p:not(.blog-kicker){max-width:720px;line-height:1.7;font-size:18px;color:#555}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{border:1px solid #ddd;border-radius:16px;overflow:hidden;background:#fff}.blog-card a{color:inherit;text-decoration:none;display:block;height:100%}.blog-card img{width:100%;aspect-ratio:1.9;object-fit:cover}.blog-card-content{padding:25px}.blog-card time,.blog-byline{font-size:13px;color:#666}.blog-card h2{font-size:24px;line-height:1.3;margin:18px 0;overflow-wrap:anywhere}.blog-card p{color:#555;font-size:14px;line-height:1.7}.blog-card span{display:block;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:1px}.blog-card:hover{border-color:#111}.blog-pagination{display:flex;justify-content:space-between;gap:20px;padding:40px 0 70px}.blog-pagination a,.blog-back a{color:#111}.blog-empty{padding:20px 0 60px}.blog-article-header{max-width:900px;margin:auto}.blog-cover{display:block;width:100%;max-width:1100px;max-height:620px;object-fit:cover;border-radius:18px;margin:0 auto 50px}.blog-body{max-width:780px;margin:auto;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.blog-body h2,.blog-body h3{line-height:1.3;margin:40px 0 20px}.blog-body p,.blog-body ul,.blog-body ol{margin:20px 0}.blog-body ul,.blog-body ol{padding-left:28px}.blog-body ul{list-style:disc}.blog-body ol{list-style:decimal}.blog-body a{text-decoration:underline;color:#174cbd}.blog-body img{max-width:100%;height:auto}.blog-body blockquote{border-left:3px solid #111;padding-left:24px;margin:30px 0;color:#555}.blog-body pre{overflow:auto;padding:20px;background:#f4f4f4}.blog-back{max-width:780px;margin:50px auto 90px}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:55px 0 35px}.blog-hero h1{letter-spacing:-1px}.blog-page{padding:0 6%}.blog-body{font-size:16px}.blog-cover{margin-bottom:30px}.blog-card-content{padding:22px}}