/* Imported ThinkSwift blog-package components */
.article-body .blog-callout strong,.article-body .blog-callout b{color:inherit}
.article-body .blog-content{--blog-red:var(--red,#d32031);--blog-line:var(--line,#d8dce2);--blog-paper:#f5f3f0;--blog-ink:#111;--blog-muted:#5c5c5c;display:block}
.article-body .blog-introduction{margin-bottom:1.35rem;color:var(--blog-ink);font:500 clamp(1.28rem,1.8vw,1.55rem)/1.55 var(--display,Inter,Segoe UI,Arial,sans-serif)}
.article-body .blog-section{position:relative;margin:clamp(4rem,7vw,6.5rem) 0 0;padding-top:1.25rem;border-top:1px solid var(--blog-line);scroll-margin-top:125px}
.article-body .blog-section-number{display:block;margin:0 0 1.45rem;color:var(--blog-red);font:800 .72rem/1 var(--display,Inter,Segoe UI,Arial,sans-serif);letter-spacing:.14em}
.article-body .blog-section>h2,.article-body .blog-faq-header>h2{margin:0 0 2rem;padding:0;border:0;font:600 clamp(2.45rem,4vw,4rem)/1.03 var(--display,Inter,Segoe UI,Arial,sans-serif);letter-spacing:-.05em}
.article-body .blog-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.3rem 0 2.6rem;padding:0;list-style:none;border-top:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line)}
.article-body .blog-feature{min-width:0;margin:0;padding:2rem 1.35rem 1.8rem 0;border-right:1px solid var(--blog-line)}
.article-body .blog-feature+.blog-feature{padding-left:1.35rem}.article-body .blog-feature:last-child{border-right:0}
.article-body .blog-feature:before{display:block;min-height:1.5rem;margin-bottom:1rem;color:var(--blog-red);font:400 1.75rem/1 var(--display,Inter,Segoe UI,Arial,sans-serif)}
.article-body .blog-feature[data-icon="shield"]:before{content:"◇"}.article-body .blog-feature[data-icon="lock"]:before{content:"⌑"}.article-body .blog-feature[data-icon="monitor"]:before{content:"▣"}.article-body .blog-feature[data-icon="backup"]:before{content:"↻"}.article-body .blog-feature[data-icon="cloud"]:before{content:"☁"}.article-body .blog-feature[data-icon="headset"]:before{content:"◉"}.article-body .blog-feature[data-icon="users"]:before{content:"♧"}.article-body .blog-feature[data-icon="workflow"]:before{content:"⇄"}.article-body .blog-feature[data-icon="clock"]:before{content:"◷"}.article-body .blog-feature[data-icon="growth"]:before{content:"↗"}.article-body .blog-feature[data-icon="target"]:before{content:"◎"}.article-body .blog-feature[data-icon="phone"]:before{content:"⌕"}.article-body .blog-feature[data-icon="code"]:before{content:"</>"}.article-body .blog-feature[data-icon="email"]:before{content:"✉"}.article-body .blog-feature[data-icon="warning"]:before{content:"△"}
.article-body .blog-feature:not([data-icon]):nth-child(1):before{content:"◎"}.article-body .blog-feature:not([data-icon]):nth-child(2):before{content:"▣"}.article-body .blog-feature:not([data-icon]):nth-child(3):before{content:"♧"}
.article-body .blog-feature h3{margin:0 0 .65rem;font:600 clamp(1.05rem,1.5vw,1.3rem)/1.25 var(--display,Inter,Segoe UI,Arial,sans-serif);letter-spacing:-.025em}
.article-body .blog-feature p{margin:0;color:var(--blog-muted);font-size:.96rem;line-height:1.55}
.article-body .blog-checklist{margin:1.6rem 0 2.2rem;padding:0;list-style:none;border-top:1px solid var(--blog-line)}
.article-body .blog-checklist li{position:relative;margin:0;padding:1.05rem .5rem 1.05rem 2.5rem;border-bottom:1px solid var(--blog-line)}
.article-body .blog-checklist li:before{content:"✓";position:absolute;left:.2rem;top:1rem;color:var(--blog-red);font-size:1.25rem;font-weight:800}
.article-body .blog-steps{counter-reset:blog-step;margin:2rem 0;padding:0;list-style:none}
.article-body .blog-steps>li{counter-increment:blog-step;display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;margin:0;padding:1.1rem 0;border-top:1px solid var(--blog-line)}
.article-body .blog-steps>li:before{content:counter(blog-step,decimal-leading-zero);color:var(--blog-red);font-size:.7rem;font-weight:800;letter-spacing:.1em}
.article-body .blog-callout{margin:2.4rem 0;padding:2rem 2.2rem;border-left:5px solid var(--blog-red);background:#0c0c0d;color:#fff;font:600 clamp(1.2rem,2vw,1.65rem)/1.45 var(--display,Inter,Segoe UI,Arial,sans-serif)}
.article-body .blog-image{margin:3rem 0;background:var(--blog-paper)}.article-body .blog-image img{width:100%;height:auto;display:block}
.article-body .blog-comparison{margin:2.5rem 0;border-collapse:collapse}.article-body .blog-comparison th{background:#111;color:#fff}.article-body .blog-comparison th:last-child{background:var(--blog-red)}
.article-body .blog-quote{margin:2.5rem 0;padding:1.6rem 0 1.6rem 2rem;border-left:5px solid var(--blog-red);font:600 clamp(1.35rem,2.2vw,2rem)/1.4 var(--display,Inter,Segoe UI,Arial,sans-serif)}
.article-body .blog-cta{margin:4rem 0 1rem;padding:clamp(2rem,5vw,4rem);background:var(--blog-red,var(--red,#d32031));color:#fff}
.article-body .blog-cta h2,.article-body .blog-cta h3{margin-top:0;color:#fff}.article-body .blog-cta a{display:inline-flex;padding:.9rem 1.1rem;background:#fff;color:#111;text-decoration:none;font-weight:800}
.article-body .blog-toc{margin:2.5rem 0 4rem;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--blog-line);background:var(--blog-paper)}
.article-body .blog-toc-title{margin:0 0 1.2rem;color:#777;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.article-body .blog-toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--blog-line)}
.article-body .blog-toc-list li{margin:0;padding:0;border-bottom:1px solid var(--blog-line)}.article-body .blog-toc-list li:nth-child(odd){border-right:1px solid var(--blog-line)}
.article-body .blog-toc-list a{display:grid;grid-template-columns:2.2rem 1fr;gap:.7rem;padding:1rem;color:#222;text-decoration:none}.article-body .blog-toc-number{color:var(--blog-red);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.article-body .blog-faq{margin-top:clamp(4rem,7vw,6rem);padding:clamp(1.6rem,4vw,3.5rem);border-top:0;background:#f3f1ee}
.article-body .blog-faq>.blog-section-number{margin-bottom:1rem}.article-body .blog-faq-header{padding-bottom:1.5rem}
.article-body .blog-faq-kicker{margin:0 0 .8rem;color:#111;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.article-body .blog-faq-header>h2{margin-bottom:0}.article-body .blog-faq-list{border-top:1px solid #c9c5bf}.article-body .blog-faq-item{margin:0;border-bottom:1px solid #c9c5bf}
.article-body .blog-faq-item summary{position:relative;display:grid;grid-template-columns:2.2rem minmax(0,1fr) 2.2rem;align-items:center;gap:.8rem;padding:1.35rem 0;cursor:pointer;list-style:none;font:650 clamp(1rem,1.45vw,1.22rem)/1.3 var(--display,Inter,Segoe UI,Arial,sans-serif)}
.article-body .blog-faq-item summary::-webkit-details-marker{display:none}.article-body .blog-faq-item summary:after{content:"+";width:2rem;height:2rem;display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;font-weight:400}
.article-body .blog-faq-item[open] summary:after{content:"−";background:var(--blog-red);border-color:var(--blog-red);color:#fff}.article-body .blog-faq-number{color:var(--blog-red);font-size:.7rem;font-weight:800;letter-spacing:.1em}
.article-body .blog-faq-answer{padding:0 3rem 1.5rem}.article-body .blog-faq-answer p{max-width:680px;margin:0;color:#4f4d49;line-height:1.65}
@media(max-width:700px){.article-body .blog-section>h2,.article-body .blog-faq-header>h2{font-size:clamp(2rem,10vw,3rem)}.article-body .blog-feature-grid,.article-body .blog-toc-list{grid-template-columns:1fr}.article-body .blog-feature,.article-body .blog-feature+.blog-feature{padding:1.35rem 0;border-right:0;border-bottom:1px solid var(--blog-line)}.article-body .blog-feature:last-child{border-bottom:0}.article-body .blog-toc-list li:nth-child(odd){border-right:0}.article-body .blog-faq{margin-left:-.5rem;margin-right:-.5rem;padding:1.5rem 1rem}.article-body .blog-faq-item summary{grid-template-columns:1.8rem minmax(0,1fr) 2rem}.article-body .blog-faq-answer{padding-left:2.6rem;padding-right:.25rem}.article-body .blog-callout{padding:1.5rem}}
