.blog-article-surface{--article-body-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--article-heading-font: var(--article-body-font);font-family:var(--article-body-font)}.blog-article-surface[data-font-style=system]{--article-body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.blog-article-surface[data-font-style=modern]{--article-body-font: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;--article-heading-font: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif}.blog-article-surface[data-font-style=editorial]{--article-body-font: Georgia, "Times New Roman", serif;--article-heading-font: Georgia, "Times New Roman", serif}.blog-article-surface[data-font-style=professional]{--article-body-font: "Helvetica Neue", Arial, sans-serif;--article-heading-font: "Helvetica Neue", Arial, sans-serif}.blog-article-surface :is(h1,h2,h3,.blog-theme-preview-title){font-family:var(--article-heading-font)}.blog-article-surface :is(.rich-preview-body,.post-body-inner){font-family:var(--article-body-font);min-width:0;font-size:var(--article-prose-size, 18px);line-height:1.8;overflow-wrap:anywhere}.blog-article-surface :is(.rich-preview-hero,.post-hero){margin:0;overflow:hidden;background:var(--blog-bg)}.blog-article-surface :is(.rich-preview-hero,.post-hero) img{display:block;width:100%;height:100%;object-fit:cover}.blog-article-surface :is(.rich-preview-body,.post-body-inner) .rich-image{margin:1.8rem 0}.blog-article-surface :is(.rich-preview-body,.post-body-inner) .rich-image img{display:block;max-width:100%;height:auto;border-radius:.8rem}.blog-article-surface :is(.rich-preview-body,.post-body-inner)>:is(h2,h3):first-child{margin-top:0}.blog-article-surface[data-layout-style=editorial] :is(.rich-preview-intro,.post-intro){text-align:center}.blog-article-surface[data-layout-style=editorial] :is(.rich-preview-intro h2,.post-intro h1){max-width:18ch;margin-inline:auto;font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.045em}.blog-article-surface[data-layout-style=editorial] :is(.rich-preview-intro p,.post-intro .post-excerpt){max-width:60ch;margin-inline:auto}.blog-article-surface[data-layout-style=editorial] :is(.brand-row,.post-meta){justify-content:center}.blog-article-surface[data-layout-style=editorial] :is(.rich-preview-hero,.post-hero){border-radius:0}.blog-article-surface[data-layout-style=editorial] .post-layout{display:flex;flex-direction:column;align-items:center}.blog-article-surface[data-layout-style=editorial] .post-toc{position:static;width:min(100%,740px);display:flex;flex-wrap:wrap;gap:8px 16px}.blog-article-surface[data-layout-style=editorial] .post-body-inner{width:min(100%,740px);border:0;border-radius:0;box-shadow:none;background:transparent}.blog-article-surface[data-layout-style=conversion] :is(.rich-preview-intro,.post-intro){border-left:5px solid var(--blog-accent, #5bb6ff);padding-left:clamp(16px,3vw,32px)}.blog-article-surface[data-layout-style=conversion] :is(.rich-preview-intro h2,.post-intro h1){max-width:16ch;font-weight:700}.blog-article-surface[data-layout-style=conversion] .post-header-inner:has(.post-hero){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,56px)}.blog-article-surface[data-layout-style=conversion] :is(.rich-preview-hero,.post-hero){border-radius:1.25rem;box-shadow:var(--shadow-lg)}.blog-article-surface[data-layout-style=conversion] .rich-cta{padding:clamp(24px,4vw,42px);border-radius:1rem}.blog-article-surface[data-layout-style=editorial] .blog-theme-preview-title{max-width:18ch;margin-inline:auto;text-align:center}.blog-article-surface[data-layout-style=conversion] .blog-theme-preview-title{border-left:4px solid var(--preview-accent, #5bb6ff);padding-left:12px}@media(max-width:760px){.blog-article-surface[data-layout-style=conversion] .post-header-inner:has(.post-hero){grid-template-columns:minmax(0,1fr)}}.blog-article-surface :is(.rich-preview-body,.post-body-inner) p{margin:0 0 1.3em}.blog-article-surface :is(.rich-preview-body,.post-body-inner) h2{margin:2.2em 0 .8em;line-height:1.3;scroll-margin-top:100px}.blog-article-surface :is(.rich-preview-body,.post-body-inner) h3{margin:1.7em 0 .7em;line-height:1.4}.blog-article-surface :is(.rich-preview-body,.post-body-inner) :is(ul,ol){padding-left:1.5em;margin-block:1.2em 1.6em}.blog-article-surface :is(.rich-preview-body,.post-body-inner) li{margin-block:.6em}.blog-article-surface :is(.rich-preview-body,.post-body-inner) .rich-table-wrap{max-width:100%;overflow-x:auto;margin:2em 0}.blog-article-surface :is(.rich-preview-body,.post-body-inner) table{width:100%;min-width:540px;border-collapse:collapse;font-size:var(--article-table-size, .85em);line-height:1.65}.blog-article-surface :is(.rich-preview-body,.post-body-inner) :is(th,td){padding:14px 16px;overflow-wrap:normal;word-break:normal;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--blog-text) 18%,transparent)}.blog-article-surface :is(.rich-preview-body,.post-body-inner) th{background:color-mix(in srgb,var(--blog-primary) 12%,var(--blog-bg))}.blog-article-surface :is(.rich-preview-body,.post-body-inner) .rich-callout{margin:2em 0;padding:22px 26px;border-left:3px solid var(--blog-accent);background:color-mix(in srgb,var(--blog-accent) 8%,var(--blog-bg))}.blog-article-surface :is(.rich-preview-body,.post-body-inner) .rich-callout p{margin:0}.blog-article-surface :is(.rich-preview-body,.post-body-inner) pre{max-width:100%;overflow-x:auto;padding:20px}@media(max-width:760px){.blog-article-surface :is(.rich-preview-body,.post-body-inner){font-size:var(--article-mobile-size, 17px)}}