.article-body{color:var(--admin-ink,#263024);overflow-wrap:anywhere;font-size:16px;line-height:1.9}.article-body p{margin:0 0 22px}.article-body h2{letter-spacing:-.02em;margin:36px 0 18px;font-size:26px;line-height:1.4}.article-body h3{margin:28px 0 16px;font-size:21px;line-height:1.5}.article-body :is(ul,ol){margin:0 0 22px;padding-left:26px}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li>p{margin-bottom:8px}.article-body blockquote{border-left:3px solid var(--admin-line,#d9dfd2);color:var(--admin-muted,#6b7169);margin:28px 0;padding:6px 24px}.article-body pre{background:var(--admin-paper,#edf0e8);border-radius:8px;padding:20px;font-size:13px;line-height:1.8;overflow-x:auto}.article-body code{font-family:ui-monospace,monospace;font-size:.9em}.article-body a{color:var(--admin-accent,#3d503a);text-underline-offset:4px;text-decoration:underline}.article-body .article-actions{flex-wrap:wrap;gap:12px;margin:26px 0 34px;display:flex}.article-body .article-cta{color:#fff;text-align:center;background:#3047e9;border:1px solid #3047e9;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:13px 22px;font-size:15px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #172b9e18}.article-body .article-cta:hover{background:#2239ce;border-color:#2239ce}.article-body .article-cta:focus-visible{outline-offset:4px;outline:3px solid #7a8bff}.article-callout{color:#e4e9f4;background:#111b35;border-radius:16px;margin:44px 0 0;padding:clamp(24px,4vw,36px)}.article-callout h2{color:#fff;margin:0 0 12px}.article-callout p{color:#c7cfdf}.article-callout .article-actions{margin:24px 0 0}.article-body figure{margin:28px 0}.article-body img{border-radius:8px;max-width:100%;height:auto;display:block}.article-body figcaption{color:var(--admin-muted,#6b7169);margin-top:8px;font-size:12px;line-height:1.5}.article-body .article-demo{width:min(100%,270px);margin:28px auto}.article-demo-frame{aspect-ratio:9/16;background:#111b35;border-radius:12px;overflow:hidden}.article-demo figcaption{text-align:center}.article-image-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin:28px 0;display:grid}.article-image-grid figure{min-width:0;margin:0}.article-image-grid img{width:100%}.article-body hr{border:0;border-top:1px solid var(--admin-line,#d9dfd2);margin:36px 0}@media (max-width:600px){.article-body{font-size:15px}.article-body h2{font-size:23px}.article-actions .article-cta{width:100%}.article-actions>span:has(.article-cta){width:100%}.article-callout{margin-top:32px}}
