.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;margin:24px 0}
.blog-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.seo-page .blog-card-link{display:block;color:inherit;text-decoration:none;height:100%}
.blog-card-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--paper)}
.blog-card-body{padding:18px 20px 22px}
.blog-card-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#756a56;margin:0 0 8px;flex-wrap:wrap}
.blog-card-cat{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--paper);color:#705619;font-size:12px;font-weight:700}
.seo-page .blog-card-title{font-size:17px;line-height:1.6;margin:0 0 8px}
.blog-card-excerpt{font-size:14px;line-height:1.8;color:#5a4f3d;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-cats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}
.seo-page .blog-cats a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;text-decoration:none;color:var(--ink);background:#fff}
.seo-page .blog-cats a.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.blog-pager{display:flex;gap:8px;justify-content:center;margin:32px 0;flex-wrap:wrap}
.seo-page .blog-pager a,.blog-pager span{min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.blog-pager span.is-current{background:var(--ink);color:#fff;border-color:var(--ink)}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;color:#756a56;margin:0 0 8px}
.seo-page .blog-post-meta a{text-decoration:none}
.blog-points{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;padding:20px 24px;margin:28px 0;background:#fff}
.seo-page .blog-points h2{font-size:17px;margin:0 0 10px}
.blog-points ul{margin:0;padding-left:20px}
.blog-toc{background:var(--paper);border-radius:8px;padding:20px 24px;margin:0 0 32px}
.blog-toc-title{font-weight:700;margin:0 0 8px}
.blog-toc ol{margin:0;padding-left:22px}.blog-toc li{margin:4px 0}
.blog-body h2{scroll-margin-top:100px;border-bottom:2px solid var(--line);padding-bottom:8px}
.blog-body h3{margin-top:32px}
.blog-body img{max-width:100%;height:auto}
.blog-tags{font-size:14px;color:#756a56}.blog-tags span{display:inline-block;margin-right:10px}
.blog-author{border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:40px 0 16px;background:#fff}
.seo-page .blog-author h2{font-size:16px;margin:0 0 6px}.blog-author p{margin:0;font-size:14px;line-height:1.8}
.seo-page .blog-related h2{margin-top:0}
.blog-back{font-size:14px}
@media(max-width:767px){.blog-card-body{padding:16px}.seo-page .blog-card-title{font-size:16px}.blog-points,.blog-toc,.blog-author{padding:16px 18px}}
.blog-hero{position:relative;overflow:hidden;background:#2e2718;color:#f6f1e6;border-bottom:1px solid var(--line)}
.blog-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%;filter:saturate(.6) brightness(.62)}
.blog-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,39,24,.82) 0%,rgba(46,39,24,.6) 55%,rgba(46,39,24,.3) 100%)}
.blog-hero-inner{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:clamp(48px,7vw,96px) 24px clamp(44px,6vw,84px)}
.blog-hero-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 16px;color:var(--gold);font-size:13px;letter-spacing:.2em}.blog-hero-eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.seo-page .blog-hero h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.45;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.blog-hero-lead{margin:18px 0 0;max-width:720px;font-size:clamp(14px,1.5vw,16px);line-height:2;color:rgba(246,241,230,.9)}
.blog-cover{margin:28px 0 0}.blog-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--line);border-radius:12px}