.blog-page-main,.blog-detail-main{background-color:var(--color-surface-warm);min-height:100vh}.blog-page-main{padding-top:clamp(6rem,14vh,9.5rem);padding-bottom:9rem}.blog-list-header{text-align:center;margin-bottom:5rem}.blog-main-title{font-family:var(--font-heading);color:var(--color-primary-dark);margin-bottom:1.25rem;font-size:clamp(2.8rem,6vw,4.5rem);font-style:italic;font-weight:700;line-height:1.15}.blog-main-subtitle{color:var(--color-text-secondary);max-width:650px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.blog-empty-state{text-align:center;background:var(--color-surface);box-shadow:var(--shadow-sm);border:1.5px solid #e6d3a0b3;border-radius:2rem;grid-column:1/-1;padding:5rem 2rem}.blog-empty-text{color:var(--color-text-secondary);font-size:1.2rem;font-style:italic}.blog-detail-container{overflow-wrap:break-word;width:100%;max-width:900px;margin:0 auto;padding:clamp(5.5rem,12vh,8.5rem) 1.5rem 9rem}.blog-back-link{color:var(--color-primary);transition:all var(--transition-fast);border-radius:var(--radius-full);background:var(--color-surface);font-size:.9rem;font-weight:700;font-family:var(--font-accent);box-shadow:var(--shadow-sm);border:1px solid var(--color-surface-warm);align-items:center;gap:.5rem;margin-bottom:3rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.blog-back-link:hover{background:var(--color-primary);color:#fff;box-shadow:0 10px 20px var(--color-primary-glow);border-color:var(--color-primary);transform:translate(-5px)}.blog-header{text-align:center;margin-bottom:4rem;position:relative}.divider-gold{background:linear-gradient(90deg, var(--color-primary), var(--color-accent-primary));border-radius:var(--radius-full);width:80px;height:4px;margin:2.5rem auto 0}.blog-date{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-secondary);font-size:.85rem;font-weight:700;font-family:var(--font-accent);margin-bottom:1.5rem;display:block}.blog-title{font-family:var(--font-heading);color:var(--color-primary-dark);margin:0;font-size:clamp(2.5rem,5vw,4rem);font-style:italic;font-weight:700;line-height:1.15}.blog-content{font-family:var(--font-primary);color:var(--color-text-primary);border:1.5px solid var(--color-surface-warm);background:#fff;border-radius:2rem;padding:3rem;font-size:1.18rem;line-height:1.85;box-shadow:0 12px 36px #5400a30f}@media (min-width:768px){.blog-content{padding:4.5rem}}.blog-content h1,.blog-content h2,.blog-content h3{font-family:var(--font-heading);color:var(--color-primary-dark);margin-top:3.5rem;margin-bottom:1.5rem;font-weight:700}.blog-content h1{font-size:2.75rem}.blog-content h2{font-size:2.25rem}.blog-content h3{font-size:1.75rem}.blog-content p{color:var(--color-text-primary);margin-bottom:1.8rem;line-height:1.85}.blog-content .blog-media-figure,.markdown-preview .blog-media-figure{clear:both;width:100%;margin:3.5rem 0;display:block}.blog-content .blog-media-img,.markdown-preview .blog-media-img{object-fit:cover;border:1px solid #e6d3a099;border-radius:1.5rem;width:100%;max-height:600px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;box-shadow:0 16px 45px #20003d1f}.blog-content .blog-media-img:hover,.markdown-preview .blog-media-img:hover{transform:translateY(-4px);box-shadow:0 24px 60px #20003d2e}.blog-content .blog-media-caption,.markdown-preview .blog-media-caption{text-align:center;color:var(--color-text-secondary);font-size:.95rem;font-style:italic;font-family:var(--font-heading);margin-top:1rem;display:block}.blog-content .blog-inline-link,.markdown-preview .blog-inline-link{color:var(--color-primary);text-underline-offset:4px;align-items:center;gap:.3rem;font-weight:600;-webkit-text-decoration:underline #5400a359;text-decoration:underline #5400a359;transition:all .25s;display:inline-flex}.blog-content .blog-inline-link:hover,.markdown-preview .blog-inline-link:hover{color:var(--color-primary-light);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);transform:translateY(-1px)}.blog-ext-icon{stroke:currentColor;opacity:.8;flex-shrink:0;transition:transform .2s}.blog-inline-link:hover .blog-ext-icon{opacity:1;transform:translate(1px,-1px)}.blog-content blockquote,.markdown-preview blockquote{border-left:6px solid var(--color-accent-primary);border-radius:var(--radius-md);font-style:italic;font-family:var(--font-heading);color:var(--color-primary-dark);box-shadow:var(--shadow-sm);background:#e6d3a040;margin:3rem 0;padding:2.5rem 3rem;font-size:1.5rem;line-height:1.6;position:relative}.blog-content blockquote:before,.markdown-preview blockquote:before{content:"\"";color:var(--color-accent-primary);font-size:3.5rem;font-family:var(--font-heading);opacity:.6;line-height:1;position:absolute;top:.5rem;left:1rem}.blog-content ul,.markdown-preview ul{margin-bottom:2rem;padding-left:1.5rem}.blog-content ul li,.markdown-preview ul li{color:var(--color-text-primary);margin-bottom:.75rem;list-style:outside}.blog-content ol,.markdown-preview ol{margin-bottom:2rem;padding-left:1.5rem}.blog-content ol li,.markdown-preview ol li{color:var(--color-text-primary);margin-bottom:.75rem;list-style:decimal}.blog-content img,.markdown-preview img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);margin:3.5rem 0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;display:grid}.blog-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:1.5px solid #e6d3a0b3;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.blog-card:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent-primary));transform-origin:0;height:4px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-card:hover{box-shadow:var(--shadow-lg), 0 15px 35px var(--color-primary-glow);border-color:var(--color-accent-primary);transform:translateY(-10px)}.blog-card:hover:after{transform:scaleX(1)}.blog-card-content{flex-direction:column;height:100%;padding:2.5rem;display:flex}.blog-card-title{font-family:var(--font-heading);color:var(--color-primary-dark);margin-bottom:1rem;font-size:1.85rem;font-style:italic;line-height:1.25}.blog-card-title a{color:inherit;transition:color .2s}.blog-card:hover .blog-card-title a{color:var(--color-primary)}.blog-card-excerpt{color:var(--color-text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.blog-card-footer{border-top:1px solid #e6d3a066;margin-top:auto;padding-top:1.5rem}.blog-read-more{color:var(--color-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.blog-card:hover .blog-read-more{color:var(--color-accent-secondary);transform:translate(4px)}