.blog-main{max-width:900px;margin:0 auto;padding:56px 24px 80px}.post-header{margin:24px 0 36px}.post-header h1{font-size:clamp(2rem,5vw,3rem);line-height:1.3;overflow-wrap:anywhere}.post-description{font-size:1.15rem;line-height:1.8;color:#536477}.post-meta{font-size:.9rem;color:#66778a}.blog-back{color:#2867a6;text-decoration:none}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.blog-tags a{padding:5px 12px;background:#e9f0f8;color:#285b8a;border-radius:20px;text-decoration:none;font-size:.85rem}.blog-list{display:grid;gap:20px;margin-top:32px}.blog-card{padding:28px;border:1px solid #dfe7ef;border-radius:16px;background:#fff}.blog-card h2{margin:10px 0;font-size:1.4rem}.blog-card h2 a{color:#172d44;text-decoration:none}.blog-card p{color:#536477;line-height:1.7}.post-content{font-size:1.05rem;line-height:1.9;overflow-wrap:anywhere}.post-content h2{margin-top:48px;padding-bottom:10px;border-bottom:1px solid #dfe7ef}.post-content h3{margin-top:28px}.post-content img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:12px}.post-content pre{overflow-x:auto;padding:22px;border-radius:12px;background:#172536;color:#e5edf5;line-height:1.6}.post-content code{font-family:Consolas,monospace;font-size:.9em}.post-content :not(pre)>code{background:#e9f0f8;padding:2px 5px;border-radius:4px}.post-content table{display:block;overflow-x:auto;border-collapse:collapse;margin:24px 0}.post-content th,.post-content td{border:1px solid #dfe7ef;padding:10px 16px}.post-content th{background:#e9f0f8}.post-content blockquote{margin:24px 0;padding:8px 20px;border-left:4px solid #518bc0;background:#eef4fa}.post-content a{color:#2867a6}@media(max-width:600px){.blog-main{padding:32px 18px 56px}.blog-card{padding:20px}}

.blog-categories{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0;padding-bottom:24px;border-bottom:1px solid #dfe7ef}.blog-categories a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #dfe7ef;border-radius:10px;background:#fff;color:#285b8a;text-decoration:none;font-weight:600}.blog-categories a[aria-current="page"]{background:#285b8a;color:#fff;border-color:#285b8a}.blog-categories span{font-size:.8rem;opacity:.8}.post-category{color:#285b8a;text-decoration:none}.blog-categories a:hover,.post-category:hover{text-decoration:underline}.blog-categories a:focus-visible{outline:3px solid #518bc0;outline-offset:3px}