.blog-listing{padding:var(--space-xl) 0 var(--space-section)}.blog-listing .container{max-width:var(--max-w-content)}.blog-listing h1{font-family:var(--font-serif);font-size:var(--text-display);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-sm);background:linear-gradient(#d4b87a 0%,#a68542 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;font-weight:400;line-height:1.15}.blog-listing .subheadline{font-size:var(--text-body-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0 0 var(--space-xl)}.blog-empty{font-size:var(--text-body);color:var(--color-text-subtle);text-align:center;padding:var(--space-2xl) 0}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:inherit;transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #0000004d, 0 0 0 1px var(--color-accent-muted);transform:translateY(-2px)}.blog-card-image{border-bottom:1px solid var(--color-border);width:100%;height:auto}.blog-card-content{padding:var(--space-md) var(--space-md) var(--space-sm);flex-direction:column;flex:1;display:flex}.blog-card-content h2{font-family:var(--font-serif);font-size:var(--text-h3);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--leading-snug);margin:0 0 var(--space-xs);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.blog-card:hover .blog-card-content h2{color:var(--color-accent)}.blog-card-content p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 auto;display:-webkit-box;overflow:hidden}.blog-card-meta{padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-border-subtle);font-size:var(--text-meta);color:var(--color-text-subtle);letter-spacing:var(--tracking-wide);align-items:center;gap:.75rem;display:flex}.blog-card-meta span,.blog-card-meta time{align-items:center;display:flex}.blog-hero{padding:var(--space-xl) 0 var(--space-lg);text-align:center}.blog-hero .container{max-width:var(--max-w-content)}.blog-hero-image{aspect-ratio:16/9;border:1px solid var(--color-border);width:100%;height:auto;margin-bottom:var(--space-lg);border-radius:12px;display:block}.blog-title{font-family:var(--font-serif);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-sm);background:linear-gradient(#d4b87a 0%,#a68542 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.2}.blog-meta{font-size:var(--text-meta);color:var(--color-text-subtle);letter-spacing:var(--tracking-wide);justify-content:center;align-items:center;gap:1rem;display:flex}.blog-meta span,.blog-meta time{align-items:center;display:flex}.blog-meta span:before{content:""}.blog-meta span+span:before,.blog-meta time:before{content:"·";opacity:.3;margin-right:1rem}.blog-tldr{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.blog-tldr .container{max-width:var(--max-w-content)}.blog-tldr h2{font-family:var(--font-serif);font-size:var(--text-h3);color:var(--color-accent);margin:0 0 var(--space-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500}.blog-tldr ul{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.blog-tldr li{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-normal);padding-left:1.25rem;position:relative}.blog-tldr li:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.blog-body{padding:var(--space-xl) 0 var(--space-section)}.blog-body .container{max-width:var(--max-w-content)}.blog-body img,.blog-body figure.blog-content-image img{border:1px solid var(--color-border);width:100%;max-width:100%;height:auto;margin:var(--space-lg) 0;border-radius:12px;display:block}.blog-body figure,.blog-body figure.blog-content-image{margin:2rem 0;padding:0}.blog-body h2{font-family:var(--font-serif);font-size:var(--text-h2);color:var(--color-text);margin:var(--space-xl) 0 var(--space-sm);letter-spacing:var(--tracking-tight);font-weight:400;line-height:var(--leading-tight)}.blog-body>:first-child{margin-top:0}.blog-body h3{font-family:var(--font-serif);font-size:var(--text-h3);color:var(--color-text);margin:var(--space-lg) 0 var(--space-xs);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--leading-snug)}.blog-body p{font-size:var(--text-body-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-md)}.blog-body a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-muted);text-decoration-color:var(--color-accent-muted);transition:text-decoration-color var(--duration-fast) var(--ease-out)}.blog-body a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.blog-body strong{color:var(--color-text);font-weight:600}.blog-body blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent);background:var(--color-bg-elevated);border-radius:0 8px 8px 0}.blog-body blockquote p{font-size:var(--text-body);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.blog-body blockquote p+p{margin-top:var(--space-xs)}.blog-body ul,.blog-body ol{margin:0 0 var(--space-md);padding-left:1.5rem}.blog-body li{font-size:var(--text-body-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs)}.blog-body li::marker{color:var(--color-accent)}.blog-body pre{background:var(--color-bg-surface);border:1px solid var(--color-border);padding:var(--space-md);margin:var(--space-lg) 0;border-radius:8px;overflow-x:auto}.blog-body code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.875em}.blog-body pre code{color:var(--color-text-secondary);line-height:1.6}.blog-body p code{background:var(--color-bg-surface);color:var(--color-accent);border-radius:4px;padding:.15em .4em}.blog-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.blog-body table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0;font-size:var(--text-sm)}.blog-body th,.blog-body td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.blog-body th{color:var(--color-text);background:var(--color-bg-elevated);letter-spacing:var(--tracking-wide);font-weight:600;font-size:var(--text-meta);text-transform:uppercase}.blog-body td{color:var(--color-text-secondary)}.blog-infographic{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.blog-infographic .container{max-width:760px}.blog-infographic h2{font-family:var(--font-serif);font-size:var(--text-h3);color:var(--color-accent);margin:0 0 var(--space-md);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500}.blog-infographic-figure{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.blog-infographic-image{aspect-ratio:2/3;border:1px solid var(--color-border);border-radius:8px;width:100%;height:auto;display:block}.blog-infographic-caption{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem;display:flex}.blog-share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.blog-share-btn{color:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-family:inherit;font-size:.8125rem;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-share-btn:hover,.blog-share-btn:focus-visible{background:var(--color-accent);color:var(--color-bg);outline:none}.blog-share-btn svg{flex-shrink:0;width:16px;height:16px;display:block}.blog-floating-share{z-index:30;border:1px solid var(--color-accent-line);-webkit-backdrop-filter:blur(10px);background:#0f1115b3;border-radius:999px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem;display:flex;position:fixed;top:50%;left:1.25rem;transform:translateY(-50%)}.blog-floating-share-btn{width:36px;height:36px;color:var(--color-accent);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.blog-floating-share-btn:hover,.blog-floating-share-btn:focus-visible{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);outline:none}.blog-floating-share-btn svg{flex-shrink:0;width:18px;height:18px;display:block}@media (max-width:1024px){.blog-floating-share{display:none}}.blog-faq{padding:var(--space-xl) 0 var(--space-section);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.blog-faq .container{max-width:var(--max-w-content)}.blog-faq h2{font-family:var(--font-serif);font-size:var(--text-h2);margin:0 0 var(--space-lg);background:linear-gradient(#d4b87a 0%,#a68542 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:400}.blog-faq dl{flex-direction:column;gap:0;margin:0;display:flex}.faq-item{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-subtle)}.faq-item:last-child{border-bottom:none}.faq-item dt{font-size:var(--text-body);color:var(--color-text);margin:0 0 var(--space-xs);font-weight:600;line-height:var(--leading-snug)}.faq-item dd{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-hero-image{border-radius:8px}.blog-title{font-size:clamp(1.5rem,6vw,2rem)}.blog-meta{flex-wrap:wrap;gap:.5rem}.blog-meta time:before{display:none}.blog-body blockquote{padding:var(--space-sm) var(--space-md)}}