.article-container{width:min(740px,calc(100% - 32px));margin-inline:auto}
.article-breadcrumbs{padding-top:20px;color:#a9a1b6;font-size:12px;line-height:1.5}
.article-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;list-style:none;margin:0;padding:0}
.article-breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0}
.article-breadcrumbs li:not(:last-child)::after{content:'/';color:#635a73}
.article-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.article-breadcrumbs li:last-child:nth-child(3){flex-basis:100%;padding-top:2px;font-size:11px;color:#82798f}
.article-heading{padding:32px 0 12px}.article-heading h1{color:#f6f4fc;font-size:clamp(30px,7.8vw,48px);line-height:1.14;letter-spacing:-1.15px;font-weight:650;margin:0 0 20px;text-wrap:balance}
.article-lead{font-size:18px!important;line-height:1.65;color:#ded8e8!important}
.article-body{font-size:16px;line-height:1.75;color:#c3bccd;overflow-wrap:break-word}
.article-body p{margin:0 0 20px}.article-body h2{font-size:27px;line-height:1.25;font-weight:650;letter-spacing:-.6px;color:#f6f4fc;margin:0 0 20px;text-wrap:balance}
.article-body h3{color:#f0ebf6;font-size:19px;line-height:1.4;letter-spacing:-.2px;margin:0 0 12px}
.article-body section{margin-top:48px;scroll-margin-top:24px}.article-body a,.article-index-next a{color:#c9b6ff;text-underline-offset:4px;text-decoration-thickness:1px}
.article-body ol{padding-left:24px}.article-body li{padding-left:3px;margin-bottom:12px}.article-body strong{color:#ece6f4;font-weight:600}
.article-toc{margin:28px 0 40px;padding:24px 20px;background:#14101d;border:1px solid #a68aff26;border-radius:16px}
.article-toc h2{font-size:17px;margin-bottom:12px}.article-toc ol{list-style:none;padding:0;margin:0}.article-toc li{padding:0;margin:0}.article-toc a{display:flex;align-items:center;min-height:44px;padding-block:7px;line-height:1.5;text-decoration:none;font-size:15px}
.article-body .article-kicker{font-size:11px;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;color:#b5a0e4;margin-bottom:12px}
.article-body .article-ideas{list-style:none;counter-reset:idea;padding:0;margin:24px 0 0}.article-body .article-ideas[start="7"]{counter-reset:idea 6}.article-body .article-ideas[start="13"]{counter-reset:idea 12}.article-body .article-ideas[start="19"]{counter-reset:idea 18}
.article-ideas>li{counter-increment:idea;margin:0;padding:24px 0;border-top:1px solid #ffffff17}
.article-ideas h3::before{content:counter(idea,decimal-leading-zero) ' / ';font-size:13px;letter-spacing:0;color:#a68aff}
.article-ideas blockquote{margin:16px 0;padding:4px 0 4px 16px;border-left:2px solid #a68aff;color:#ece6f4;font-size:17px;line-height:1.6}
.article-body .article-ideas p{margin-bottom:0}.article-note{padding:24px 20px;background:#14101d;border:1px solid #ffffff17;border-radius:16px}.article-note p:last-child{margin-bottom:0}
.article-product{margin:28px 0;padding:24px 20px;border:1px solid #a68aff50;border-radius:16px;background:linear-gradient(135deg,#241a37,#141019)}
.article-product h2{font-size:24px;margin-bottom:16px}.article-product p:not(.article-kicker){font-size:16px;line-height:1.65}.article-body .article-product .catalog-cta{color:#171221;text-decoration:none;font-size:15px;margin-top:24px}
.article-example{margin:32px 0 40px}.article-example .catalog-card{max-width:358px;margin-bottom:20px}.article-example .catalog-card h3{font-size:18px;margin:6px 0 0;line-height:1.4}.article-example .catalog-media{max-height:none}
.article-example>p{font-size:15px;line-height:1.7}.article-steps li{margin-bottom:20px}
.article-action{padding:28px 24px;margin:48px 0 20px;border:1px solid #a68aff35;border-radius:20px;background:linear-gradient(135deg,#241a37,#141019)}
.article-action h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0 0 16px}.article-action p:not(.catalog-eyebrow){font-size:15px;line-height:1.65;color:#c3bccd}.article-action .catalog-cta{margin-top:24px}
.article-back{display:inline-flex;align-items:center;min-height:48px;font-size:14px;color:#b5a0e4;margin-bottom:40px;text-decoration:none}
.article-preview{border-block:1px solid #ffffff24;padding:28px 0 24px}.article-preview h2{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin:0 0 16px;max-width:580px}.article-preview h2 a{text-decoration:none}.article-preview p:not(.catalog-eyebrow){font-size:16px;line-height:1.65;color:#b3afc0;max-width:560px}.article-read{display:flex;justify-content:space-between;align-items:center;min-height:48px;color:#c9b6ff;font-size:14px;text-decoration:none}.article-read span{font-size:22px}
.article-index-next{margin:40px 0 56px;font-size:16px;line-height:1.7;color:#b3afc0}.article-index-next h2{font-size:22px;color:#f6f4fc;line-height:1.3}
@media(hover:hover){.article-toc a:hover,.article-preview h2 a:hover,.article-read:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:600px){.article-container{width:min(740px,calc(100% - 48px))}.article-heading{padding-top:40px}.article-body{font-size:17px}.article-body h2{font-size:32px}.article-toc{padding:24px 28px}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.article-body section{margin-top:56px}.article-action{padding:36px}.article-action .catalog-cta{max-width:320px}.article-preview{padding-block:36px}.article-preview h2{font-size:32px}.article-example{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.article-example .catalog-card{margin:0}.article-example>p{padding-top:8px}}