.article.blog-article{width:100%;min-width:0}
.blog-article .article-body{min-width:0;overflow-wrap:break-word}
.blog-article .article-body h2[id],.blog-article .article-body h3[id],.blog-article .article-body summary[id]{scroll-margin-top:100px}
.blog-article .article-body .article-callout{margin:28px 0;padding:23px 26px;border:1px solid #e1d7fa;border-left:4px solid #8050ce;border-radius:16px;background:#f7f3ff}
.blog-article .article-body .article-callout p{margin:0 0 12px;line-height:1.75}
.blog-article .article-body .article-callout p:last-child{margin-bottom:0}
.blog-article .article-body .article-callout .article-callout-label,.blog-article .article-body .article-toc-label{margin:0 0 12px;color:#6534ac;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-article .article-body .article-callout-tip{background:#f0faf8;border-color:#c8e8df;border-left-color:#278a75}
.blog-article .article-body .article-callout-warning{background:#fff9ed;border-color:#eeddbb;border-left-color:#bb8525}
.blog-article .article-body .article-callout-note{background:#f4f7fc;border-color:#d8e1ef;border-left-color:#6686b7}
.blog-article .article-body .article-toc{margin:30px 0 40px;padding:22px 26px;border:1px solid #e7e3ef;border-radius:16px;background:#fff}
.blog-article .article-body .article-toc ul{columns:2;column-gap:32px;margin:0;padding-left:20px}
.blog-article .article-body .article-toc li{break-inside:avoid;margin:0 0 8px;font-size:14px;line-height:1.6}
.blog-article .article-body .article-toc a{color:#624094;text-decoration:none}
.blog-article .article-body .article-toc a:hover{text-decoration:underline}
.blog-article .article-body .article-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;margin:24px 0 30px;border:1px solid #e5deee;border-radius:14px;-webkit-overflow-scrolling:touch}
.blog-article .article-body .article-table-wrap table{width:100%;min-width:570px;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.65}
.blog-article .article-body .article-table-wrap th{background:#f2ecfb;color:#342243;font-weight:800}
.blog-article .article-body .article-table-wrap th,.blog-article .article-body .article-table-wrap td{padding:15px 17px;border-bottom:1px solid #e9e4ef;vertical-align:top;min-width:100px}
.blog-article .article-body .article-table-wrap tr:last-child td{border-bottom:0}
.blog-article .article-body .article-table-wrap tbody tr:nth-child(even){background:#fbfafc}
.blog-article .article-body .article-faq{margin:24px 0 36px;padding:0;border:1px solid #e4ddec;border-radius:16px;background:#fff;overflow:hidden}
.blog-article .article-body .article-faq details{margin:0;padding:0;border:0;border-top:1px solid #e8e2ee}
.blog-article .article-body .article-faq details:first-child{border-top:0}
.blog-article .article-body .article-faq summary{position:relative;display:block;list-style:none;cursor:pointer;padding:21px 56px 21px 24px;color:#30223d;font-size:17px;font-weight:750;line-height:1.55}
.blog-article .article-body .article-faq summary::-webkit-details-marker{display:none}
.blog-article .article-body .article-faq summary::after{content:'+';position:absolute;right:22px;top:20px;color:#8050ce;font-size:24px;font-weight:500;line-height:1}
.blog-article .article-body .article-faq details[open]>summary{background:#f8f5fc}
.blog-article .article-body .article-faq details[open]>summary::after{content:'−'}
.blog-article .article-body .article-faq-answer{padding:3px 24px 22px}
.blog-article .article-body .article-faq-answer p{margin:14px 0 0;color:#55515d;font-size:16px;line-height:1.8}
.blog-article .article-body .article-faq-answer ul,.blog-article .article-body .article-faq-answer ol{margin:14px 0 0}
.blog-article .article-body .article-faq summary:focus-visible,.blog-article .article-body .article-toc a:focus-visible,.blog-article .article-body .article-table-wrap:focus-visible{outline:3px solid #8750d2;outline-offset:-3px;border-radius:8px}
@media(max-width:700px){.blog-article .article-body .article-callout,.blog-article .article-body .article-toc{padding:19px 18px}.blog-article .article-body .article-toc ul{columns:1}.blog-article .article-body .article-faq summary{padding:18px 44px 18px 18px;font-size:16px}.blog-article .article-body .article-faq summary::after{right:17px;top:20px}.blog-article .article-body .article-faq-answer{padding:1px 18px 18px}.blog-article .article-body .article-table-wrap th,.blog-article .article-body .article-table-wrap td{padding:13px 14px}}