.blog-shell{max-width:1120px;margin:0 auto;padding:24px 20px 48px;overflow-wrap:anywhere}.blog-shell h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15}.blog-shell img{max-width:100%;height:auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:28px 0}.blog-card{padding:18px;border:1px solid #dbe1e8;border-radius:14px;background:#fff}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.blog-card h2{font-size:1.35rem}.blog-byline{color:#49566a;font-size:.9rem}.blog-article{max-width:800px;margin:24px auto}.blog-lead{width:100%;border-radius:14px}.blog-summary,.blog-introduction{font-size:1.15rem;line-height:1.7}.blog-body{line-height:1.8}.blog-body h2,.blog-body h3,.blog-body h4{scroll-margin-top:24px;line-height:1.3;margin-top:1.6em}.blog-body figure{margin:24px 0}.blog-toc{padding:18px 24px;border-radius:12px;background:#f2f6fc}.blog-toc h2{font-size:1.2rem}.blog-toc li{margin:8px 0}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:32px 0}.blog-preview{padding:16px;border:2px solid #ac6300;background:#fff5dc}.blog-shell a:focus-visible{outline:3px solid #145bd7;outline-offset:3px}@media(max-width:600px){.blog-shell{padding:16px 14px 32px}.blog-card{padding:14px}.blog-toc{padding:14px}.blog-grid{gap:16px}}