:root{--blog-ink:#17202a;--blog-muted:#5f6b78;--blog-line:#dfe3e8;--blog-wash:#f5f7f9;--blog-navy:#10234d;--blog-red:#c8102e}
.blog-main{max-width:1120px;margin:0 auto;padding:54px 24px 76px;color:var(--blog-ink)}
.blog-head{border-bottom:1px solid var(--blog-line);padding-bottom:28px;margin-bottom:28px}
.blog-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--blog-red);margin-bottom:10px}
.blog-head h1{font-size:clamp(34px,5vw,48px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}
.blog-head p{max-width:760px;color:var(--blog-muted);font-size:17px;margin:0}
.blog-cats{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}
.blog-cats a{border:1px solid var(--blog-line);padding:8px 12px;font-size:13px;font-weight:700;color:var(--blog-navy);background:#fff}
.blog-cats a.active{background:var(--blog-navy);color:#fff;border-color:var(--blog-navy)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{border:1px solid var(--blog-line);background:#fff;display:flex;flex-direction:column;min-width:0}
.blog-card>a:first-child{display:block;background:var(--blog-wash);aspect-ratio:16/9;overflow:hidden}
.blog-card img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.blog-meta{font-size:12px;color:var(--blog-muted);margin-bottom:9px}
.blog-card h2{font-size:20px;line-height:1.25;margin:0 0 9px}
.blog-card h2 a{color:var(--blog-ink)}
.blog-card p{font-size:14px;line-height:1.55;color:var(--blog-muted);margin:0 0 15px}
.blog-read{font-size:13px;font-weight:800;color:var(--blog-navy);margin-top:auto}
.blog-status{padding:20px;border:1px solid var(--blog-line);background:var(--blog-wash);color:var(--blog-muted)}
.blog-actions{display:flex;justify-content:center;margin-top:30px}
.blog-button{border:0;background:var(--blog-navy);color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}
.blog-button:disabled{opacity:.5;cursor:wait}
.blog-article{max-width:820px;margin:0 auto}
.blog-back{display:inline-block;font-size:13px;font-weight:800;color:var(--blog-navy);margin-bottom:24px}
.blog-article h1{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}
.blog-excerpt{font-size:20px;line-height:1.5;color:var(--blog-muted);margin:0 0 22px}
.blog-cover{width:100%;max-height:480px;object-fit:cover;display:block;margin:26px 0}
.blog-body{font-size:17px;line-height:1.75;color:#27323b;overflow-wrap:anywhere}
.blog-body img{max-width:100%;height:auto}
.blog-body h2,.blog-body h3{line-height:1.25;margin-top:1.8em}
.blog-body p{margin:0 0 1.2em}
.blog-author{font-size:13px;color:var(--blog-muted);margin-bottom:18px}
.blog-error{padding:22px;border-left:4px solid var(--blog-red);background:#fff3f4;color:#54202a}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.blog-main{padding:38px 18px 56px}.blog-grid{grid-template-columns:1fr}.blog-card h2{font-size:19px}.blog-article h1{font-size:36px}}