:root{--blog-card-bg:#ffffff;--blog-card-text:#3a211e;--blog-card-title:#231413;--blog-card-muted:#805852;--blog-card-border:#f0d1ca;--blog-card-radius:20px;--blog-card-shadow:0 12px 28px rgba(100,20,14,.07);--blog-readmore-bg:#b70018;--blog-readmore-text:#ffffff}
.page-blog{padding-block:clamp(8px,1.4vw,18px)}.post-cards,.blog-grid,.post-grid,.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-card,.blog-card{border:2px solid var(--theme-title-gold-border);border-radius:var(--blog-card-radius);background:var(--blog-card-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 28px rgba(100,20,14,.07);display:grid;overflow:hidden}.post-card .thumb{display:block;aspect-ratio:16/9;background:#fff1ed;overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.thumb-fallback{width:100%;height:100%;background:linear-gradient(135deg,#fff1ed,#f8d8d0)}.post-card .inner{display:grid;gap:10px;padding:15px}.post-card__date{margin:0;color:var(--blog-card-muted);font-size:.84rem;font-weight:850;text-align:center}.post-card h2,.blog-card h2,.post-card .title{margin:0;color:var(--blog-card-title);font-size:1.08rem;line-height:1.24;text-align:center;letter-spacing:-.02em}.post-card .excerpt,.blog-card .excerpt{color:var(--blog-card-text);font-size:.95rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.excerpt-more{justify-self:center;width:max-content;margin-top:2px;padding:8px 13px;border-radius:999px;background:var(--blog-readmore-bg);color:var(--blog-readmore-text);font-weight:950;font-size:.88rem;text-decoration:none}.pagination,.nav-links{display:flex;justify-content:center;gap:8px;margin:20px 0 0}.pagination ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.page-numbers{min-width:40px;height:40px;padding:8px 12px;border-radius:13px;border:1px solid var(--blog-card-border);background:#fff;color:#8f0013;font-weight:900;display:inline-grid;place-items:center}.page-numbers.current{background:#b70018;color:#fff}@media (max-width:980px){.post-cards,.blog-grid,.post-grid,.posts-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.post-cards,.blog-grid,.post-grid,.posts-grid{grid-template-columns:1fr}}