.blog-body{font-size:1.06rem;line-height:1.8}.blog-body>*+*{margin-top:1.35rem}.blog-body>h2{margin-top:2.75rem;font-size:1.6rem}.blog-body>h3{margin-top:2rem;font-size:1.25rem}.blog-anchor{scroll-margin-top:7rem}.blog-quote{background:var(--color-green-mist);border:1px solid var(--color-green-soft);border-radius:1rem;gap:.9rem;margin:2rem 0;padding:1.25rem 1.4rem;display:flex}.blog-callout{border:1px solid;border-left-width:3px;border-radius:1rem;gap:.8rem;padding:1rem 1.15rem;display:flex}.blog-callout p{margin:0}.blog-callout p+p{margin-top:.6rem}.blog-callout-title{font-family:var(--font-display);color:var(--color-ink);font-weight:700;margin-bottom:.2rem!important}.blog-figure{margin:2rem 0}.blog-figure figcaption{color:var(--color-muted);text-align:center;margin-top:.6rem;font-size:.85rem}.blog-gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:2rem 0;display:grid}.blog-code{background:var(--color-ink);color:#e7f2ec;border-radius:.9rem;padding:1rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.65;overflow-x:auto}.blog-code code{white-space:pre}.blog-table-wrap{border:1px solid var(--color-line);border-radius:.9rem;overflow-x:auto}.blog-table-wrap table{min-width:32rem;margin:0;font-size:.93rem}.blog-table-wrap td,.blog-table-wrap th{border:0;border-bottom:1px solid var(--color-line);padding:.7rem .9rem}.blog-table-wrap tbody tr:last-child td{border-bottom:0}.blog-video{aspect-ratio:16/9;background:var(--color-ink);border-radius:1rem;position:relative;overflow:hidden}.blog-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.blog-video-badge{color:#fff;pointer-events:none;background:#14201abf;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.blog-faq details{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.9rem;padding:.9rem 1.1rem}.blog-faq details+details{margin-top:.6rem}.blog-faq summary{cursor:pointer;font-family:var(--font-display);color:var(--color-ink);font-weight:700;list-style:none}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";float:right;color:var(--color-green);font-weight:700}.blog-faq details[open] summary:after{content:"–"}.blog-cta{background:var(--color-ink);color:#fff;border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.5rem;display:flex}.blog-cta-title{font-family:var(--font-display);color:#fff;margin:0;font-size:1.15rem;font-weight:800}.blog-cta-text{color:#ffffffb8;margin:.3rem 0 0;font-size:.95rem}.blog-divider{border:0;border-top:1px solid var(--color-line);margin:2.5rem 0}.blog-progress{background:linear-gradient(90deg, var(--color-green), var(--color-teal));z-index:60;transform-origin:0;will-change:transform;height:3px;position:fixed;top:0;left:0}.blog-toc a{border-left:2px solid var(--color-line);color:var(--color-muted);padding:.35rem 0 .35rem .85rem;font-size:.88rem;line-height:1.45;transition:color .2s,border-color .2s;display:block}.blog-toc a:hover{color:var(--color-ink)}.blog-toc a[data-active=true]{color:var(--color-green-deep);border-color:var(--color-green);font-weight:600}.blog-toc a[data-level="3"]{padding-left:1.6rem;font-size:.83rem}.blog-cover{background:var(--color-surface-2);aspect-ratio:16/9;border-radius:1.5rem;position:relative;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-tag{border:1px solid var(--color-line-2);background:var(--color-surface);color:var(--color-ink-2);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.blog-tag:hover{border-color:var(--color-green);background:var(--color-green-soft);color:var(--color-green-ink)}.blog-tag[data-active=true]{border-color:var(--color-green);background:var(--color-green);color:#fff}
