.blog-page{min-height:100vh}.blog-header{text-align:center;padding:10rem 2rem 4rem}.blog-header h1{color:var(--text);margin-bottom:.75rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.blog-header p{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1.125rem}.blog-list-container{max-width:900px;margin:0 auto;padding:0 2rem 6rem}.blog-grid{flex-direction:column;gap:1.5rem;display:flex}.blog-card{color:var(--text);border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:2rem;text-decoration:none;transition:border-color .3s,transform .2s;display:block}.blog-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.blog-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.blog-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);border-radius:100px;padding:.25rem .625rem;font-size:.75rem}.blog-card-title{margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:400;line-height:1.3}.blog-card-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.blog-card-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.blog-card-meta-sep{opacity:.5}.blog-article{max-width:720px;margin:0 auto;padding:0 2rem 6rem}.blog-article-header{margin-bottom:3rem;padding-top:8rem}.blog-back-link{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-block}.blog-back-link:hover{color:var(--accent)}.blog-article-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-article-header h1{color:var(--text);margin-bottom:1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:400;line-height:1.2}.blog-article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.blog-article-body{color:var(--text-secondary);font-size:1.0625rem;line-height:1.8}.blog-article-body h2{color:var(--text);margin:2.5rem 0 1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:400}.blog-article-body h3{color:var(--text);margin:2rem 0 .75rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.375rem;font-weight:400}.blog-article-body p{margin-bottom:1.25rem}.blog-article-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-article-body a:hover{color:var(--text)}.blog-article-body ul,.blog-article-body ol{margin:1rem 0 1.25rem 1.5rem}.blog-article-body li{margin-bottom:.5rem}.blog-article-body blockquote{border-left:2px solid var(--accent-muted);color:var(--text-muted);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.blog-article-body code{background:#ffffff0f;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.blog-article-body pre{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.blog-article-body pre code{background:0 0;padding:0}.blog-article-body img{border-radius:8px;max-width:100%;margin:1.5rem 0}.blog-article-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.blog-article-body strong{color:var(--text);font-weight:500}.blog-cta-box{border:1px solid var(--border);background:var(--bg-elevated);text-align:center;border-radius:12px;margin:4rem 0;padding:2.5rem}.blog-cta-box h3{color:var(--text);margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:400}.blog-cta-box p{color:var(--text-secondary);margin-bottom:1.5rem}.blog-cta-btn{background:var(--accent);color:#000;border-radius:100px;padding:.75rem 2rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.blog-cta-btn:hover{opacity:.85}.blog-related{border-top:1px solid var(--border);margin-top:4rem;padding-top:3rem}.blog-related h3{color:var(--text);margin-bottom:1.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.375rem;font-weight:400}.blog-related-grid{flex-direction:column;gap:1rem;display:flex}@media (width<=640px){.blog-header{padding:8rem 1.25rem 3rem}.blog-list-container{padding:0 1.25rem 4rem}.blog-card{padding:1.5rem}.blog-article{padding:0 1.25rem 4rem}.blog-article-header{padding-top:6rem}.blog-cta-box{padding:2rem 1.5rem}}
