#blog-site-wrap{background:var(--background);flex-direction:column;min-height:100vh;display:flex}#blog-list-page{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 4rem}.blog-list-hero{text-align:center;margin-bottom:2.5rem}.blog-list-hero h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:var(--foreground);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.blog-list-hero p{max-width:42rem;color:color-mix(in srgb, var(--foreground) 72%, transparent);margin:0 auto;font-size:1.05rem;line-height:1.6}.blog-filters-panel{border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);box-shadow:0 4px 24px color-mix(in srgb, var(--foreground) 4%, transparent);background:#fff;border-radius:1rem;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.blog-search-row{align-items:stretch;gap:.5rem;display:flex}.blog-search-row input{border:2px solid color-mix(in srgb, var(--foreground) 10%, transparent);background:var(--background);color:var(--foreground);border-radius:.75rem;flex:1;padding:.65rem 1rem;font-size:1rem}.blog-search-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.blog-search-row button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:.75rem;padding:0 1.25rem;font-weight:600;transition:background .15s}.blog-search-row button:hover{background:var(--accent-light)}.blog-tag-strip{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.blog-tag-strip .label{color:color-mix(in srgb, var(--foreground) 55%, transparent);margin-right:.25rem;font-size:.8125rem;font-weight:600}.blog-tag-pill{background:var(--accent-muted);color:var(--accent);border:1px solid #0000;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.blog-tag-pill:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.blog-tag-pill.is-active{background:var(--accent);color:#fff}.blog-clear-filters{color:var(--error);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.875rem;font-weight:600;text-decoration:underline}.blog-results-line{color:color-mix(in srgb, var(--foreground) 65%, transparent);margin-bottom:1rem;font-size:.9375rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.blog-card{border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);box-shadow:0 8px 32px color-mix(in srgb, var(--foreground) 5%, transparent);background:#fff;border-radius:1rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:0 16px 40px color-mix(in srgb, var(--foreground) 8%, transparent);transform:translateY(-3px)}.blog-card.featured{flex-flow:wrap;grid-column:1/-1}.blog-card-media{aspect-ratio:16/10;background:var(--accent-muted);position:relative;overflow:hidden}.blog-card.featured .blog-card-media{aspect-ratio:auto;flex:320px;min-height:220px}.blog-card-media img{object-fit:cover;width:100%;height:100%}.blog-card-placeholder{height:100%;min-height:140px;color:color-mix(in srgb, var(--accent) 45%, transparent);justify-content:center;align-items:center;font-size:2.5rem;display:flex}.blog-card-body{flex-direction:column;flex:280px;gap:.65rem;padding:1.25rem 1.35rem 1.5rem;display:flex}.blog-card-meta{color:color-mix(in srgb, var(--foreground) 50%, transparent);flex-wrap:wrap;gap:.75rem 1rem;font-size:.8125rem;display:flex}.blog-card-title{font-family:var(--font-display), Georgia, serif;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.blog-card-title a{color:var(--foreground);text-decoration:none}.blog-card-title a:hover{color:var(--accent)}.blog-card-sub{color:color-mix(in srgb, var(--foreground) 72%, transparent);margin:0;font-size:.95rem;line-height:1.5}.blog-card-excerpt{color:color-mix(in srgb, var(--foreground) 68%, transparent);margin:0;font-size:.9rem;line-height:1.55}.blog-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.blog-card-tags a{background:var(--warm-muted);color:var(--foreground);border-radius:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;text-decoration:none}.blog-card-read{margin-top:auto;padding-top:.5rem}.blog-card-read a{color:var(--accent);align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-featured-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--warm);align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-pagination{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.blog-pagination-info{color:color-mix(in srgb, var(--foreground) 55%, transparent);font-size:.875rem}.blog-pagination-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.blog-pagination-nav a,.blog-pagination-nav span{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);min-width:2.5rem;height:2.5rem;color:var(--foreground);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .65rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-pagination-nav span.current{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-pagination-nav a:hover{border-color:var(--accent);color:var(--accent)}.blog-pagination-disabled{opacity:.35;border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:.5rem;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .65rem;font-size:.875rem;font-weight:600;display:inline-flex}.blog-state-panel{text-align:center;border:1px dashed color-mix(in srgb, var(--foreground) 15%, transparent);background:#fff;border-radius:1rem;padding:3rem 1.5rem}.blog-state-panel h2{font-family:var(--font-display), Georgia, serif;margin:0 0 .5rem}.blog-state-panel p{color:color-mix(in srgb, var(--foreground) 65%, transparent);margin:0 0 1rem}.blog-cta-strip{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--background)), var(--warm-muted));text-align:center;border-radius:1rem;margin-top:3rem;padding:2rem 1.5rem}.blog-cta-strip h2{font-family:var(--font-display), Georgia, serif;margin:0 0 .5rem}.blog-cta-strip p{color:color-mix(in srgb, var(--foreground) 72%, transparent);margin:0 0 1.25rem}.blog-cta-strip a{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-cta-strip a:hover{background:var(--accent-light)}