.blog-nav{z-index:100;background:var(--parchment);border-bottom:1px solid #00240014;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.blog-nav .logo{color:var(--evergreen);letter-spacing:-.5px;font-family:Fraunces,serif;font-size:22px;font-weight:700;text-decoration:none}.blog-nav .logo span{color:var(--jungle)}.blog-nav-links{align-items:center;gap:32px;display:flex}.blog-nav-links a{color:var(--evergreen);opacity:.7;font-size:14px;text-decoration:none;transition:opacity .2s}.blog-nav-links a:hover{opacity:1}.blog-header{max-width:1200px;margin:0 auto;padding:80px 64px 48px}.blog-header h1{color:var(--evergreen);letter-spacing:-1.5px;margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.1}.blog-header p{color:var(--teal);max-width:520px;font-size:17px;font-weight:300;line-height:1.7}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 64px 120px;display:grid}.blog-card{background:var(--white);color:inherit;border:1px solid #0024000f;border-radius:16px;padding:32px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00240014}.blog-card-category{letter-spacing:1.5px;text-transform:uppercase;color:var(--jungle);margin-bottom:12px;font-size:11px;font-weight:500}.blog-card h2{color:var(--evergreen);letter-spacing:-.5px;margin-bottom:12px;font-family:Fraunces,serif;font-size:22px;font-weight:700;line-height:1.3}.blog-card p{color:var(--teal);margin-bottom:16px;font-size:14px;font-weight:300;line-height:1.6}.blog-card-meta{color:#00240059;font-size:12px;font-weight:400}.blog-empty{text-align:center;max-width:1200px;margin:0 auto;padding:80px 64px 120px}.blog-empty p{color:var(--teal);font-size:17px;font-weight:300}.article-header{max-width:800px;margin:0 auto;padding:80px 64px 48px}.article-back{color:var(--teal);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--jungle)}.article-category{letter-spacing:1.5px;text-transform:uppercase;color:var(--jungle);margin-bottom:16px;font-size:11px;font-weight:500}.article-header h1{color:var(--evergreen);letter-spacing:-1.5px;margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.15}.article-meta{color:var(--teal);font-size:14px;font-weight:300}.article-tldr{border-left:3px solid var(--jungle);background:#4daa5714;border-radius:0 12px 12px 0;max-width:800px;margin:0 auto 40px;padding:24px 32px}.article-tldr-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--jungle);margin-bottom:8px;font-size:11px;font-weight:700}.article-tldr p{color:var(--evergreen);font-size:15px;font-weight:400;line-height:1.7}.article-content{max-width:800px;color:var(--evergreen);margin:0 auto;padding:0 64px 48px;font-size:16px;font-weight:300;line-height:1.8}.article-content h2{color:var(--evergreen);letter-spacing:-.5px;margin:48px 0 16px;font-family:Fraunces,serif;font-size:28px;font-weight:700}.article-content h3{color:var(--evergreen);margin:36px 0 12px;font-family:Fraunces,serif;font-size:22px;font-weight:700}.article-content p{margin-bottom:20px}.article-content a{color:var(--jungle);text-underline-offset:2px;text-decoration:underline}.article-content a:hover{color:var(--evergreen)}.article-content ul,.article-content ol{margin:16px 0 20px 24px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:3px solid var(--teal);color:var(--teal);margin:24px 0;padding:12px 24px;font-style:italic}.article-content img{border-radius:12px;max-width:100%;margin:24px 0}.article-content code{background:#0024000d;border-radius:4px;padding:2px 6px;font-size:14px}.article-content pre{background:var(--evergreen);color:var(--parchment);border-radius:12px;margin:24px 0;padding:24px;overflow-x:auto}.article-content pre code{color:inherit;background:0 0;padding:0}.article-faq{max-width:800px;margin:0 auto;padding:0 64px 80px}.article-faq h2{color:var(--evergreen);letter-spacing:-.5px;margin-bottom:24px;font-family:Fraunces,serif;font-size:28px;font-weight:700}.faq-item{border-bottom:1px solid #00240014;padding:20px 0}.faq-item:first-of-type{border-top:1px solid #00240014}.faq-question{color:var(--evergreen);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:0;font-family:Fraunces,serif;font-size:18px;font-weight:700;display:flex}.faq-question:after{content:"+";color:var(--teal);flex-shrink:0;font-size:24px;font-weight:300;transition:transform .2s}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{color:var(--teal);padding-top:12px;font-size:15px;font-weight:300;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.blog-footer{background:var(--evergreen-dark);justify-content:space-between;align-items:center;padding:40px 64px;display:flex}.blog-footer .logo{color:var(--parchment);font-size:18px}.blog-footer p{color:#f6f0ed4d;font-size:13px;font-weight:300}@media (max-width:900px){.blog-nav{padding:16px 24px}.blog-header{padding:60px 24px 32px}.blog-grid{grid-template-columns:1fr;padding:0 24px 80px}.article-header{padding:60px 24px 32px}.article-tldr{margin-left:24px;margin-right:24px}.article-content{padding:0 24px 48px}.article-faq{padding:0 24px 60px}.blog-footer{text-align:center;flex-direction:column;gap:16px;padding:40px 24px}}
