.blog-head{padding:28px 0 20px;background:linear-gradient(115deg,#f8f7f4,#eee9e3 62%,#e2eae8)}
.blog-head-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.blog-head h1{font-size:clamp(38px,4vw,56px);line-height:1;margin:0;letter-spacing:-.045em}.blog-head h1 span{color:var(--brick)}.blog-head p:not(.eyebrow){margin:11px 0 0;color:var(--muted);font-size:14px}.blog-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end}.blog-tools input{width:260px;padding:11px 13px;border:1px solid #d7d2cb;border-radius:7px;background:#fff;font-size:13px}.blog-count{padding:9px 13px;background:#303235;color:#fff;border-radius:7px}.blog-count strong,.blog-count span{display:block}.blog-count strong{font-size:18px;color:var(--ochre)}.blog-count span{font-size:9px}
.blog-list{padding:18px 0 10px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.post-card{position:relative;display:none;min-height:210px;border:1px solid #e5e1dc;border-radius:9px;overflow:hidden;background:#fff}.post-card.visible{display:block}.post-accent{height:5px;background:linear-gradient(90deg,var(--brick),var(--ochre),var(--petrol))}.post-body{padding:15px 17px}.post-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.post-meta span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol)}.post-meta small{font-size:9px;color:#999}.post-card h2{font-size:18px;line-height:1.12;margin:0 0 8px}.post-card p{font-size:11.5px;line-height:1.45;color:var(--muted);margin:0 0 12px}.post-card a{font-size:11px;font-weight:800;color:var(--brick)}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 5px}.pager button{width:34px;height:30px;border:0;border-radius:6px;background:#303235;color:#fff;cursor:pointer}.pager button:disabled{opacity:.35}.pager span{font-size:11px;color:var(--muted)}.migration-note{font-size:9.5px;color:#888;text-align:center;margin:6px 0 0}
.footer-inner a{color:inherit;text-decoration:underline}
@media(max-width:900px){.blog-head-grid{grid-template-columns:1fr}.blog-tools{justify-content:flex-start}.posts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-head{padding:22px 0 16px}.blog-head h1{font-size:39px}.blog-tools{display:grid;grid-template-columns:1fr auto}.blog-tools input{width:100%}.posts-grid{grid-template-columns:1fr}.post-card{min-height:auto}.migration-note{font-size:9px}}