:root{--color-brand-gold: var(--brand-green, #2c7a56);--color-brand-gold-light: var(--green-light, #4ea37a);--color-brand-dark: var(--green-dark, #1a5a3d);--color-text-primary: var(--text-primary, #1c1c1c);--color-text-primary-dark: var(--text-primary-dark, #f0f5f3);--color-text-secondary: var(--text-muted, #5a5a5a);--color-text-secondary-dark: var(--text-muted-dark, #a5bdaf);--blog-content-width: 70ch;--blog-heading-font: "DM Sans", system-ui, sans-serif;--blog-body-font: "Inter var", system-ui, sans-serif;--surface-100: #f9fdf9e6;--surface-200: #eaf2ef;--surface-100-dark: #172b21cc;--surface-200-dark: #1d3429}.blog-content{font-family:var(--blog-body-font);line-height:1.8;font-size:1.125rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-family:var(--blog-heading-font);scroll-margin-top:4rem;font-weight:700;letter-spacing:-.02em}.blog-content h2{position:relative;padding-top:1.5rem;margin-top:4rem;margin-bottom:1.5rem}.blog-content h2:before{content:"";position:absolute;top:0;left:0;width:4rem;height:4px;background:linear-gradient(to right,var(--color-brand-gold),var(--color-brand-gold-light, var(--color-brand-gold)));border-radius:3px}.blog-content h3{margin-top:2.5rem;margin-bottom:1.2rem;color:var(--color-text-primary)}.blog-content ul{list-style-type:none;padding-left:0}.blog-content ul li{position:relative;padding-left:2rem;margin-bottom:1rem}.blog-content ul li:before{content:"";position:absolute;left:.5rem;top:.65rem;width:.6rem;height:.6rem;background-color:var(--color-brand-gold);border-radius:50%;transition:transform .2s ease,background-color .2s ease}.blog-content ul li:hover:before{transform:scale(1.2);background-color:var(--color-brand-gold-light)}.blog-content ol{list-style-type:none;counter-reset:custom-counter;padding-left:0}.blog-content ol li{position:relative;padding-left:2.5rem;margin-bottom:1rem;counter-increment:custom-counter}.blog-content ol li:before{content:counter(custom-counter) ".";position:absolute;left:.5rem;top:.05em;font-weight:700;color:var(--color-brand-gold);font-size:1em;transition:color .2s ease}.blog-content ol li:hover:before{color:var(--color-brand-gold-light)}.blog-content p{margin-bottom:1.75rem;line-height:1.8}.blog-content img{display:block;margin:3rem auto;max-width:100%;height:auto;border-radius:.75rem;box-shadow:0 8px 20px -4px #0000001a,0 6px 12px -4px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000001a,0 10px 20px -5px #0000000d}.blog-content blockquote{font-style:italic;position:relative;background-color:var(--surface-100);margin:2.5rem 0;padding:2rem;border-radius:.75rem;border-left:5px solid var(--color-brand-gold);box-shadow:0 4px 12px #2c7a5626;transition:transform .2s ease,box-shadow .2s ease}.blog-content blockquote:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2c7a5633}.blog-content blockquote:before{content:"";position:absolute;top:-1.5rem;left:1rem;font-size:5rem;font-family:serif;color:var(--color-brand-gold);opacity:.3;line-height:1}.blog-content blockquote p:last-child{margin-bottom:0}@media (prefers-color-scheme: dark){.blog-content blockquote{background-color:var(--surface-100-dark);box-shadow:0 8px 20px #3d9e7140}}.blog-content a{color:var(--color-brand-gold);text-decoration:none;background-image:linear-gradient(transparent 95%,var(--color-brand-gold) 0);background-size:0 100%;background-repeat:no-repeat;transition:background-size .3s ease}.blog-content a:hover{background-size:100% 100%}.blog-content figure{margin:2.5rem 0}.blog-content figcaption{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin-top:.75rem;font-style:italic;opacity:.8}.blog-content table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:.95rem;box-shadow:0 4px 12px #2c7a5626;border-radius:.75rem;overflow:hidden;background-color:var(--surface-100);transition:transform .2s ease,box-shadow .2s ease}.blog-content table:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2c7a5633}.blog-content th{background-color:var(--color-brand-gold);color:#fff;font-weight:600;text-align:left;padding:1rem 1.25rem}.blog-content td{padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.05)}.blog-content tbody tr{transition:background-color .2s ease}.blog-content tbody tr:nth-child(2n){background-color:#00000005}.blog-content tbody tr:hover{background-color:#2c7a560d}@media (prefers-color-scheme: dark){.blog-content table{background-color:var(--surface-100-dark);box-shadow:0 8px 20px #3d9e7140}}.blog-tip,.blog-note,.blog-warning{margin:2.5rem 0;border-radius:.75rem;position:relative;padding:1.75rem 1.75rem 1.75rem 4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(44,122,86,.2);transition:transform .2s ease,box-shadow .2s ease}.blog-tip:hover,.blog-note:hover,.blog-warning:hover{transform:translateY(-3px)}.blog-tip:before,.blog-note:before,.blog-warning:before{position:absolute;left:1.25rem;top:1.75rem;font-size:1.75rem}.blog-tip{background-color:#2c7a5614;border-left:5px solid rgba(44,122,86,.8);box-shadow:0 4px 12px #2c7a5626}.blog-tip:hover{box-shadow:0 8px 20px #2c7a5633}.blog-tip:before{content:"💡"}.blog-note{background-color:#3b82f614;border-left:5px solid rgba(59,130,246,.8);box-shadow:0 4px 12px #3b82f626}.blog-note:hover{box-shadow:0 8px 20px #3b82f633}.blog-note:before{content:"ℹ️"}.blog-warning{background-color:#dc262614;border-left:5px solid rgba(220,38,38,.8);box-shadow:0 4px 12px #dc262626}.blog-warning:hover{box-shadow:0 8px 20px #dc262633}.blog-warning:before{content:"⚠️"}.blog-content pre{background-color:var(--surface-200);border-radius:.75rem;padding:1.5rem;overflow-x:auto;border:1px solid rgba(44,122,86,.1);box-shadow:0 4px 12px #2c7a561a;margin:2rem 0}.blog-content code{font-family:Menlo,Monaco,Courier New,monospace;padding:.2em .4em;border-radius:.25em;background-color:#2c7a5614;font-size:.875em}.blog-content pre code{background-color:transparent;padding:0}@media (prefers-color-scheme: dark){.blog-content pre{background-color:var(--surface-200-dark)}}.blog-content>p:first-of-type{font-size:1.25rem;color:var(--color-text-primary);line-height:1.7}.blog-content hr{height:3px;border:none;background:linear-gradient(to right,transparent,var(--color-brand-gold),transparent);margin:3rem auto;width:50%;opacity:.3}.blog-container .blog-content-container,.blog-sidebar-left,.blog-sidebar-right,.blog-main-container{position:relative}@media (max-width: 768px){.blog-content{font-size:1rem;line-height:1.7}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.6rem;margin-top:2.5rem;padding-top:1rem}.blog-content h2:before{width:3rem;height:3px}.blog-content h3{font-size:1.3rem;margin-top:2rem}.blog-content blockquote{margin-left:0;margin-right:0;padding:1.5rem 1.5rem 1.5rem 1.75rem}.blog-content blockquote:before{font-size:3rem;top:-1rem;left:.75rem}.blog-content ul li,.blog-content ol li{padding-left:1.75rem}.blog-content ul li:before{left:.25rem}.blog-content ol li:before{left:.25rem}.blog-tip,.blog-note,.blog-warning{padding:1.25rem 1.25rem 1.25rem 3.5rem}.blog-tip:before,.blog-note:before,.blog-warning:before{left:1rem;top:1.25rem;font-size:1.5rem}}