/* Listing-only compact spacing; article cards and type remain unchanged. */
.blog-search { max-width: 720px; margin: 0 auto; padding: 0 1.5rem .5rem; }
.blog-search[hidden], .blog-card[hidden], #blog-search-empty[hidden] { display: none !important; }
.blog-search label { display: block; font-weight: 600; margin-bottom: .25rem; }
.blog-search input { min-width: 0; width: 100%; height: 44px; padding: .4rem .8rem; border: 1px solid #94a3b8; border-radius: 8px; background: var(--bg-card); color: var(--text-primary); font: inherit; }
.blog-search input:focus-visible, .blog-card:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 3px; }
#blog-search-hint, #blog-search-count { color: var(--text-secondary); font-size: .9rem; margin-top: .25rem; }
#blog-search-empty { color: var(--text-primary); margin-top: .5rem; }
body .blog-header { padding-top: 5.5rem; padding-bottom: .5rem; }
body .blog-header h1 { margin-bottom: .25rem; }
body .blog-header p { margin-bottom: .5rem; }
#blog-articles { padding-top: .5rem; }
#blog-articles .newsletter-card { width: 100%; min-width: 0; margin: 0 auto; padding: 0; }
#blog-articles .newsletter-card-inner { padding: .75rem 1rem; }
#blog-articles .newsletter-card-inner h3 { margin-bottom: .25rem; }
#blog-articles .newsletter-card-inner p { margin-bottom: .5rem; }
#blog-articles .newsletter-form input[type="email"] { min-width: 0; }
#blog-articles .newsletter-message:empty { display: none; }
@media (max-width: 768px) {
    #blog-articles .newsletter-card-inner { padding: .75rem; }
    #blog-articles .newsletter-form { gap: .375rem; }
}