:root { --paper: #fff4db; --ink: #28472e; --muted: #4f5a47; --line: #d8c7a1; }
body { background: var(--paper); }
.blog-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.blog-install { padding: 9px 20px; border-radius: 14px; background: #557d3c; color: #fff9e6; font-size: 15px; font-weight: 800; text-decoration: none; box-shadow: 0 4px 0 #345529; }
.blog-install:hover { background: #466e31; color: #fff; }
.post, .blog-index, .more { width: min(720px, calc(100% - 40px)); margin-inline: auto; }
.post { margin-block: 36px 56px; }
.blog-index, .more { width: min(1000px, calc(100% - 40px)); }
.blog-index { margin-block: 44px 64px; }
.crumbs { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
.post h1, .blog-index h1 { font-size: clamp(34px, 6vw, 52px); font-weight: 700; letter-spacing: -.03em; margin: 0 0 24px; }
.post-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; margin-bottom: 30px; }
.post h2 { font-size: clamp(25px, 4vw, 31px); margin: 40px 0 12px; }
.post h3 { font-size: 21px; margin: 28px 0 8px; }
.post p, .post ul, .post ol { margin: 0 0 16px; font-size: 18px; }
.post li { margin-bottom: 8px; }
.post a { color: #38692f; font-weight: 700; }
.post-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 32px 0; padding: 18px 22px; border-radius: 16px; background: #28472e; }
.post-cta p { margin: 0; color: #fff4db; font: 700 21px/1.2 Fraunces, Georgia, serif; }
.post-badge { flex: none; width: 170px; }
.more { padding-bottom: 48px; }
.more h2 { font-size: 28px; margin: 0 0 18px; }
.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 22px; list-style: none; margin: 0; padding: 0; }
.post-grid a { display: block; height: 100%; overflow: clip; border-radius: 16px; background: #fff9e9; box-shadow: 0 5px 0 #dfc99e; text-decoration: none; }
.post-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.post-grid span { display: block; padding: 14px 16px 18px; font: 700 19px/1.25 Fraunces, Georgia, serif; }