#storefront-blog-page,#storefront-blog-post-page{max-width:920px;margin:0 auto;padding:48px 24px}#storefront-blog-page .blog-list-header{text-align:center;margin-bottom:32px}#storefront-blog-page .blog-list-header h1{letter-spacing:-.02em;color:#111;font-size:2.25rem;font-weight:800}#storefront-blog-page .blog-list-header p{color:#6b7280;margin-top:8px;font-size:1rem}#storefront-blog-page .blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}#storefront-blog-page .blog-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;transition:transform .16s,box-shadow .16s;overflow:hidden}#storefront-blog-page .blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}#storefront-blog-page .blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);width:100%}#storefront-blog-page .blog-card-body{padding:16px 18px 20px}#storefront-blog-page .blog-card-meta{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;font-size:.75rem}#storefront-blog-page .blog-card-title{color:#111;margin-top:6px;font-size:1.125rem;font-weight:700}#storefront-blog-page .blog-card-excerpt{color:#4b5563;margin-top:8px;font-size:.875rem;line-height:1.5}#storefront-blog-page .blog-empty{text-align:center;color:#9ca3af;padding:80px 24px}#storefront-blog-post-page .blog-post-back{color:#6b7280;margin-bottom:16px;font-size:.875rem;display:inline-block}#storefront-blog-post-page .blog-post-cover{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;width:100%;margin-bottom:24px}#storefront-blog-post-page .blog-post-title{letter-spacing:-.02em;color:#111;font-size:2.25rem;font-weight:800}#storefront-blog-post-page .blog-post-meta{color:#6b7280;margin-top:8px;font-size:.875rem}#storefront-blog-post-page .blog-post-body{color:#1f2937;margin-top:24px;font-size:1rem;line-height:1.7}#storefront-blog-post-page .blog-post-body p{margin:12px 0}#storefront-blog-post-page .blog-post-body h2,#storefront-blog-post-page .blog-post-body h3{color:#111;margin:24px 0 12px;font-weight:700}#storefront-blog-post-page .blog-post-body img{border-radius:8px;max-width:100%;height:auto}#storefront-blog-post-page .blog-post-tags{flex-wrap:wrap;gap:6px;margin-top:32px;display:flex}#storefront-blog-post-page .blog-post-tag{color:#374151;background:#f3f4f6;border-radius:999px;padding:4px 10px;font-size:.75rem}