:root{--purple: #882FF2;--purple-deep: #6E1AD6;--purple-ink: #4A1C9E;--lavender: #D2B0FF;--lav-wash: #F5F5FF;--ink: #0E0E10;--ink-soft: #4C4A52;--muted: #6B6874;--tint: #F5F5FF;--line: #E9E5F2;--line-strong: #DAD3EC;--grad: linear-gradient(95deg, #2E2BEA 0%, #882FF2 45%, #CE1F8E 80%, #D11A5D 100%);--radius: 14px;--reading: 880px}.article{box-sizing:border-box;max-width:var(--reading);margin:0 auto;padding:26px 24px 60px}.article-hero{padding:12px 0 6px}.article-hero .breadcrumb{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.article-hero .breadcrumb a{text-decoration:none;color:var(--ink-soft)}.article-hero .breadcrumb a:hover{color:var(--purple-ink)}.article-hero h1{font-weight:700;letter-spacing:-.01em;line-height:1.1;font-size:clamp(28px,4.5vw,44px);margin:0 0 16px;color:var(--ink);text-align:left}.article-hero .dek{font-size:clamp(16px,1.8vw,18px);color:var(--ink-soft);line-height:1.55;margin:0 0 24px}.article-hero .byline{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px;margin-top:30px}.article-hero .avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.article-hero .who b{font-weight:700;font-size:14px;color:var(--ink)}.article-hero .meta-pills{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.article-hero .pill{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:6px 11px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.article-hero .pill .ic{width:13px;height:13px;color:var(--purple);flex:none}.article-hero .social-sharing{display:flex;gap:8px;align-items:center}.article-hero .social-sharing .icon{padding:0 5px}.article-hero .social-sharing a{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);text-decoration:none;font-size:14px}.article-hero .social-sharing a:hover,.article-hero .social-sharing a:focus-visible{border-color:var(--purple);color:var(--purple)}.article-hero .social-sharing .share-title{display:none}@media(max-width:560px){.article-hero .byline{flex-wrap:wrap}.article-hero .meta-pills{margin-left:0;width:100%}}.article #articleBody{font-size:16.5px;line-height:1.72;color:var(--ink-soft)}.article #articleBody p{margin:0 0 22px;font-size:1.1875rem}.article #articleBody a p{margin:0}.article #articleBody img{display:block;margin-bottom:30px}.article #articleBody .pcard .pimg img{margin-bottom:0}.article h2{margin-top:1em!important;margin-bottom:1em!important}.article h3{text-align:left!important}.article a{color:var(--purple-ink);text-decoration:underline;text-decoration-color:var(--lavender);text-underline-offset:3px}.article #articleBody h2{font-weight:700;letter-spacing:-.01em!important;text-transform:none!important;scroll-margin-top:96px}.article #articleBody h3{font-weight:700;letter-spacing:normal!important;text-transform:none!important;color:var(--purple-ink);scroll-margin-top:96px}.article #articleBody ul{list-style:none;padding-left:0;margin:0 0 24px}.article #articleBody ul li{position:relative;padding-left:26px;margin-bottom:11px}.article #articleBody ul li:before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--purple-deep);border:2px solid var(--purple-deep)}.article #articleBody table{width:100%!important;border-collapse:collapse!important;font-size:14.5px;background:#fff!important;border:none!important;min-width:570px}.article #articleBody th,.article #articleBody td{text-align:left!important;padding:12px 15px!important;border:none!important;border-bottom:1px solid var(--line)!important;vertical-align:top;background:transparent!important;color:var(--ink-soft)!important;font-weight:400!important}.article #articleBody thead{background:var(--grad)!important}.article #articleBody thead th{color:#fff!important;font-weight:700!important;font-size:12px;letter-spacing:.03em;text-transform:uppercase;border-bottom:none!important}.article #articleBody thead tr:nth-child(2) th{background:var(--ink)!important}.article #articleBody tr:first-child th:after,.article #articleBody tr:first-child td:after{content:none!important}.article #articleBody tbody tr:last-child td{border-bottom:none!important}.article #articleBody td:first-child{font-weight:700!important;color:var(--ink)!important}.article #articleBody .good,.article #articleBody td.good{color:var(--purple-ink)!important;font-weight:700!important}.article .table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;margin:8px 0 30px;border-radius:var(--radius);border:1px solid var(--line-strong)}.article .tldr{background:var(--tint);border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:var(--radius);padding:20px 22px;margin:0 0 26px}.article .tldr .h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-ink);margin:0 0 8px}.article .tldr p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}.article #articleBody .tldr{margin:28px 0}.article #articleBody .tldr .h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-ink);margin:0 0 8px}.article #articleBody .tldr p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}.article .toc{margin:0 0 30px}.article details.toc-d{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 10px 30px -26px #882ff280}.article details.toc-d summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.article details.toc-d summary:before{content:"";width:26px;height:4px;border-radius:999px;background:var(--grad);flex:none}.article details.toc-d summary::-webkit-details-marker{display:none}.article details.toc-d summary .count{margin-left:auto;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:none;font-size:12.5px}.article details.toc-d summary .chev{width:26px;height:26px;padding:6px;box-sizing:border-box;background:var(--lav-wash);border-radius:50%;color:var(--purple);transition:transform .25s ease;flex:none}.article details.toc-d[open] summary .chev{transform:rotate(180deg)}.article details.toc-d[open] summary{border-bottom:1px solid var(--line)}.article details.toc-d ol{list-style:none;margin:0;padding:20px 22px;position:relative}.article details.toc-d ol:before{content:"";position:absolute;left:40px;top:38px;bottom:40px;width:2px;transform:translate(-1px);background:linear-gradient(180deg,#2e2bea,#882ff2 45%,#ce1f8e 80%,#d11a5d);z-index:0}.article details.toc-d ol li{margin:0;padding:0;position:relative}.article details.toc-d ol li:before{content:none}.article details.toc-d li a{display:flex;align-items:flex-start;gap:16px;padding:0 0 24px;text-decoration:none;position:relative;z-index:1}.article details.toc-d li:last-child a{padding-bottom:0}.article details.toc-d .tnum{flex:none;box-sizing:border-box;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--purple);color:var(--purple-deep);font-weight:700;font-size:12.5px;letter-spacing:.02em;position:relative;z-index:1}.article details.toc-d .ttext{font-weight:700;font-size:16px;line-height:1.3;color:var(--ink);padding-top:7px}.article details.toc-d li a:hover .tnum,.article details.toc-d li a:focus-visible .tnum{background:var(--grad);color:#fff}.article details.toc-d li a:hover .ttext,.article details.toc-d li a:focus-visible .ttext{color:var(--purple-deep)}.article details.toc-d li a.active .tnum{background:var(--grad);color:#fff}.article details.toc-d li a.active .ttext{color:var(--purple-deep)}.article div#ruffruff-table-of-contents,.article div.ruffruff-table-of-contents{display:none!important}.article .pcard-wrap{margin:34px 0 24px}.article .pcard{border:1px solid var(--line-strong);border-radius:18px;background:#fff;overflow:hidden;display:grid;grid-template-columns:210px 1fr}.article .pcard .pimg{background:var(--tint);border-right:1px solid var(--line);display:block}.article .pcard .pimg img{width:100%;height:100%;max-width:100%;max-height:none;margin-left:0;object-fit:cover;object-position:center;display:block}.article .pcard .pbody{padding:22px 24px}.article .pcard .pe{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-ink);margin-bottom:6px}.article .pcard h4{font-weight:700;font-size:20px;margin:0 0 4px;letter-spacing:-.01em!important;text-transform:none!important}.article .pcard h4 a{color:var(--ink);text-decoration:none!important;border-bottom:none}.article #articleBody .pcard .psub{color:var(--ink-soft);font-size:14px;margin:0 0 13px}.article #articleBody .pcard ul{margin:16px 0;padding:0;list-style:none}.article #articleBody .pcard ul li{position:relative;padding-left:23px;font-size:13.5px;margin-bottom:7px;color:var(--ink-soft)}.article #articleBody .pcard ul li:before{content:"";position:absolute;left:3px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--purple-deep);border:none}.article .pcard .prow{display:flex;align-items:center;gap:13px 16px;flex-wrap:wrap;justify-content:space-between}.article .pcard .prow-info{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.article .pcard .price{font-weight:700;font-size:19px;color:var(--ink)}.article .pcard .price s{color:var(--muted);font-weight:400;font-size:14px;margin-left:6px}.article .pcard .stars{font-size:12.5px;font-weight:400;color:var(--ink-soft)}.article .pcard .stars b{color:var(--purple-ink)}.article .pcard .cta{background:var(--grad);color:#fff;text-decoration:none;border-bottom:none;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;white-space:nowrap}.article .pcard .cta:hover,.article .pcard .cta:focus-visible{opacity:.92}.article #articleBody .pcard .guarantee{font-size:12px;color:var(--ink-soft);font-weight:500;margin:14px 0 0;display:flex;gap:7px;align-items:flex-start}.article #articleBody .pcard .guarantee svg{width:14px;height:14px;color:var(--purple);flex:none;margin-top:1px}@media(max-width:560px){.article .pcard{grid-template-columns:1fr}.article .pcard .pimg{border-right:none;border-bottom:1px solid var(--line);aspect-ratio:16 / 10}}.author-bio{display:flex;gap:20px;align-items:flex-start;max-width:var(--reading);margin:50px auto 0;box-sizing:border-box;background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.author-bio .ab-av{width:60px;height:60px;flex:none;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px}.author-bio .ab-name{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:normal!important;text-transform:none!important}.author-bio .ab-text{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.author-bio .ab-photo{width:60px;height:60px;flex:none;border-radius:50%;object-fit:cover;object-position:center;display:block}.author-bio .ab-name a{color:inherit;text-decoration:none}.author-bio .ab-name a:hover{text-decoration:underline}.author-bio .ab-linkedin{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:12px;border-radius:6px;color:#0a66c2;text-decoration:none}.author-bio .ab-linkedin svg{width:20px;height:20px;fill:currentColor}.author-bio .ab-linkedin:hover,.author-bio .ab-linkedin:focus-visible{opacity:.8}.next{border-top:1px solid var(--line);background:#f9f7f7;width:100vw;position:relative;left:50%;transform:translate(-50%)}.next-inner{max-width:1120px;margin:0 auto;padding:54px 24px 62px}.next h3{font-weight:700;font-size:clamp(22px,3vw,28px);letter-spacing:-.01em!important;text-transform:none!important;margin:0 0 6px}.next .sub{color:var(--ink-soft);margin:0 0 22px;font-size:14px}.next .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:820px){.next .cards{grid-template-columns:1fr}}.next .rc{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column}.next .rc:hover{border-color:var(--lavender)}.next .rc .rcimg{aspect-ratio:16 / 10;background:var(--tint);border-bottom:1px solid var(--line);overflow:hidden}.next .rc .rcimg img{width:100%;height:100%;object-fit:cover;display:block}.next .rc .rcb{padding:18px 18px 22px}.next .rc .rmeta{font-size:11px;font-weight:600;color:var(--ink-soft);display:flex;gap:9px;align-items:center;margin-bottom:10px;letter-spacing:.02em}.next .rc .rmeta .cat{color:var(--purple-ink);background:var(--lav-wash);padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.next .rc h4{font-weight:700;font-size:17px;line-height:1.3;margin:0 0 9px;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ink)}.next .rc p{font-size:13.5px;color:var(--ink-soft);margin:0;line-height:1.5}.article :focus-visible,.next :focus-visible{outline:2.5px solid var(--purple);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.article details.toc-d summary .chev{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/223/assets/article-template-custom.css.map */