:root{--blog-accent:#6fa34a}.blog-page,.blog-reader{background:#faf9f6;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.blog-nav{align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;display:flex}.blog-home-link,.blog-back-btn{color:#888;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem;text-decoration:none;transition:color .2s}.blog-home-link:hover,.blog-back-btn:hover{color:var(--blog-accent)}.blog-header{text-align:center;max-width:700px;margin:0 auto;padding:2rem 2rem 3rem}.blog-label{letter-spacing:.12em;text-transform:uppercase;color:var(--blog-accent);font-size:.65rem;font-weight:700}.blog-title{color:#1a1a1a;margin:.5rem 0;font-family:DM Serif Display,Georgia,serif;font-size:2.8rem;font-weight:400}.blog-subtitle{color:#888;font-size:1rem;line-height:1.6}.blog-empty{text-align:center;color:#bbb;padding:4rem 2rem;font-size:1.1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:1100px;margin:0 auto;padding:0 2rem 4rem;display:grid}.blog-card{cursor:pointer;background:#fff;border-radius:14px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 4px 20px #0000000f}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001a}.blog-card-cover{aspect-ratio:16/9;background:#f0ede8;position:relative}.blog-card-cover-img{object-fit:cover}.blog-card-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#f0ede8,#e8e4dc);justify-content:center;align-items:center;font-size:2.5rem;display:flex}.blog-card-content{padding:1.25rem 1.5rem 1.5rem}.blog-card-date{color:#aaa;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.blog-card-title{color:#1a1a1a;margin:.4rem 0 .6rem;font-family:DM Serif Display,Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.3}.blog-card-excerpt{color:#777;margin:0;font-size:.88rem;line-height:1.6}.blog-card-read{color:var(--blog-accent);margin-top:.75rem;font-size:.8rem;font-weight:600;display:inline-block}.blog-article{max-width:740px;margin:0 auto;padding:0 2rem 4rem}.blog-article-cover{aspect-ratio:16/9;border-radius:14px;margin-bottom:2rem;position:relative;overflow:hidden}.blog-article-cover-img{object-fit:cover}.blog-article-title{color:#1a1a1a;margin:0 0 .75rem;font-family:DM Serif Display,Georgia,serif;font-size:2.4rem;font-weight:400;line-height:1.25}.blog-article-date{color:#aaa;margin-bottom:2rem;font-size:.78rem;display:block}.blog-article-body{color:#444;font-size:1.05rem;line-height:1.85}@media (max-width:768px){.blog-title{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-article-title{font-size:1.8rem}}