/* Minimal, Arcana-friendly blog styles */
.posts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
@media (max-width: 980px){ .posts-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 640px){ .posts-grid{ grid-template-columns:1fr; } }
.post-card { border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; }
.post-card .image img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.post-card .content { padding:1rem 1rem 1.25rem; }
.post-card h2 {
    margin:.25rem 0 .5rem;
    font-size:clamp(1.15rem,2.2vw,1.35rem);
    line-height:1.3;
}
.post-card h2 a {
    font-size:inherit;
}
.post-card .meta { color:#6b7280; font-size:.9rem; margin:.25rem 0 .5rem; }
.tags { display:flex; gap:.35rem; flex-wrap:wrap; }
.tag { font-size:.75rem; padding:.15rem .5rem; border:1px solid #e5e7eb; border-radius:999px; background:#fafafa; }
.post .hero-wrap { margin:0 0 1rem; }
.post .hero { width:100%; aspect-ratio:1536/512; object-fit:cover; border:1px solid #e5e7eb; border-radius:12px; }
.post .content img { max-width:100%; border-radius:10px; border:1px solid #e5e7eb; }
.related { margin-top:2rem; padding-top:1rem; border-top:1px solid #e5e7eb; }
.share { margin-top:1.25rem; display:flex; gap:.75rem; align-items:center; }

                    

.wrapper.style1 {
    padding: 0 0 1em 0;
}

header.major {
    margin: 0 0 0 0;
}

.blog-bottom-band {
    background: none;
}

.blog-major h1 {
    font-size: clamp(1rem,3vw,1.5rem);
    margin:  .5em 0 .5em 0;
}