/*!
 * Blog Post Spider Creator — article styles
 * Everything is scoped to .bpsc-article so it never touches the rest of the theme.
 *
 * Colours adapt to each site automatically: the accent picks up the site's
 * Elementor global primary colour when there is one and otherwise falls back
 * to a neutral slate blue. Text inherits the theme's colour, and tints are mixed
 * from the accent, so it works on light and dark themes alike.
 *
 * To force a colour on one site, add to Customizer → Additional CSS:
 *   .bpsc-article { --bpsc-accent: #1f6f5c; }
 */
 .bpsc-article{--bpsc-accent:var(--e-global-color-primary, #2f5878);--bpsc-ink:currentColor;--bpsc-tint:color-mix(in srgb, var(--bpsc-accent) 7%, transparent);--bpsc-tint-strong:color-mix(in srgb, var(--bpsc-accent) 13%, transparent);--bpsc-line:color-mix(in srgb, currentColor 14%, transparent);--bpsc-muted:color-mix(in srgb, currentColor 66%, transparent);--bpsc-ok:#2e7d5b;--bpsc-warn:#b0601b;--bpsc-radius:10px;--bpsc-gap:1.6em;line-height:1.7;font-size:1em;width:100%;max-width:none;box-sizing:border-box;overflow-wrap:break-word;display:flow-root}.is-layout-constrained>.bpsc-article,.wp-block-post-content>.bpsc-article{max-width:var(--wp--style--global--wide-size,100%);margin-left:auto!important;margin-right:auto!important}@supports not (color:color-mix(in srgb,red 50%,transparent)){.bpsc-article{--bpsc-tint:rgba(47, 88, 120, .07);--bpsc-tint-strong:rgba(47, 88, 120, .13);--bpsc-line:rgba(128, 128, 128, .28);--bpsc-muted:inherit}}.bpsc-article>*+*{margin-top:var(--bpsc-gap)}.bpsc-article p{margin:0}.bpsc-article p+p{margin-top:1em}.bpsc-article .bpsc-lede{font-size:1.18em;line-height:1.6;padding-left:1.1em;border-left:3px solid var(--bpsc-accent);margin-bottom:0}.bpsc-article h2{position:relative;margin:2.2em 0 .6em;padding-top:.7em;font-size:1.55em;line-height:1.25;letter-spacing:-.01em}.bpsc-article h2::before{content:"";position:absolute;top:0;left:0;width:2.4em;height:3px;border-radius:3px;background:var(--bpsc-accent)}.bpsc-article h3{margin:1.6em 0 .45em;font-size:1.22em;line-height:1.3}.bpsc-article h4{margin:0 0 .5em;font-size:1.02em;line-height:1.35}.bpsc-article h2+*,.bpsc-article h3+*{margin-top:0}.bpsc-article ul,.bpsc-article ol{margin:0;padding-left:1.3em}.bpsc-article li+li{margin-top:.4em}.bpsc-article li::marker{color:var(--bpsc-accent)}.bpsc-article .bpsc-takeaways{background:var(--bpsc-tint);border:1px solid var(--bpsc-tint-strong);border-radius:var(--bpsc-radius);padding:1.25em 1.4em 1.3em}.bpsc-article .bpsc-takeaways__title{margin:0 0 .7em;font-size:.78em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bpsc-accent)}.bpsc-article .bpsc-takeaways ul{list-style:none;padding:0}.bpsc-article .bpsc-takeaways li{position:relative;padding-left:1.6em}.bpsc-article .bpsc-takeaways li::before{content:"";position:absolute;left:0;top:.62em;width:.55em;height:.55em;border-radius:2px;background:var(--bpsc-accent);transform:rotate(45deg)}.bpsc-article .bpsc-callout{--bpsc-c:var(--bpsc-accent);position:relative;padding:1.1em 1.3em 1.15em 1.45em;border-radius:var(--bpsc-radius);background:color-mix(in srgb,var(--bpsc-c) 7%,transparent);border-left:4px solid var(--bpsc-c)}.bpsc-article .bpsc-callout--tip{--bpsc-c:var(--bpsc-ok)}.bpsc-article .bpsc-callout--warning{--bpsc-c:var(--bpsc-warn)}.bpsc-article .bpsc-callout--note{--bpsc-c:var(--bpsc-accent)}.bpsc-article .bpsc-callout__label{display:inline-block;margin:0 0 .5em;font-size:.74em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bpsc-c)}.bpsc-article .bpsc-callout__label+p{margin-top:0}.bpsc-article .bpsc-steps{list-style:none;padding:0;counter-reset:bpsc-step}.bpsc-article .bpsc-steps>li{position:relative;counter-increment:bpsc-step;padding:0 0 1.1em 3.1em;min-height:2.2em}.bpsc-article .bpsc-steps>li+li{margin-top:0}.bpsc-article .bpsc-steps>li::before{content:counter(bpsc-step);position:absolute;left:0;top:-.05em;width:2.05em;height:2.05em;border-radius:50%;display:grid;place-items:center;font-size:.92em;font-weight:700;line-height:1;color:#fff;background:var(--bpsc-accent)}.bpsc-article .bpsc-steps>li::after{content:"";position:absolute;left:calc(.943em - 1px);top:2.1em;bottom:.2em;width:2px;background:var(--bpsc-tint-strong)}.bpsc-article .bpsc-steps>li:last-child{padding-bottom:0}.bpsc-article .bpsc-steps>li:last-child::after{display:none}.bpsc-article .bpsc-checklist{list-style:none;padding:0;display:grid;gap:.55em}.bpsc-article .bpsc-checklist>li{position:relative;margin:0;padding-left:2em}.bpsc-article .bpsc-checklist>li::before{content:"";position:absolute;left:0;top:.28em;width:1.15em;height:1.15em;border-radius:4px;border:2px solid var(--bpsc-accent);box-sizing:border-box}.bpsc-article .bpsc-checklist>li::after{content:"";position:absolute;left:.38em;top:.45em;width:.32em;height:.62em;border:solid var(--bpsc-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.bpsc-article .bpsc-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 16em),1fr));gap:1em}.bpsc-article .bpsc-compare__col{border:1px solid var(--bpsc-line);border-top:4px solid var(--bpsc-accent);border-radius:var(--bpsc-radius);padding:1.1em 1.25em 1.2em}.bpsc-article .bpsc-compare__col:nth-child(2n){border-top-color:color-mix(in srgb,var(--bpsc-accent) 45%,currentColor)}.bpsc-article .bpsc-compare__col ul{padding-left:1.1em}.bpsc-article .bpsc-table-wrap{overflow-x:auto;border:1px solid var(--bpsc-line);border-radius:var(--bpsc-radius);-webkit-overflow-scrolling:touch}.bpsc-article .bpsc-table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:.95em;line-height:1.5}.bpsc-article .bpsc-table th,.bpsc-article .bpsc-table td{padding:.75em 1em;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--bpsc-line)}.bpsc-article .bpsc-table thead th{background:var(--bpsc-tint-strong);font-size:.85em;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.bpsc-article .bpsc-table tbody tr:nth-child(even) td{background:var(--bpsc-tint)}.bpsc-article .bpsc-table tbody tr:last-child td{border-bottom:0}.bpsc-article .bpsc-highlight{padding:1.3em 1.5em;border-radius:var(--bpsc-radius);background:linear-gradient(135deg,var(--bpsc-tint-strong),var(--bpsc-tint) 60%,transparent);border:1px solid var(--bpsc-tint-strong);font-size:1.08em;line-height:1.55}.bpsc-article .bpsc-highlight strong{color:var(--bpsc-accent)}.bpsc-article .bpsc-faq details{border-bottom:1px solid var(--bpsc-line);padding:0}.bpsc-article .bpsc-faq details:first-of-type{border-top:1px solid var(--bpsc-line)}.bpsc-article .bpsc-faq summary{position:relative;cursor:pointer;list-style:none;padding:1em 2.4em 1em 0;font-weight:600;line-height:1.4}.bpsc-article .bpsc-faq summary::-webkit-details-marker{display:none}.bpsc-article .bpsc-faq summary::after{content:"+";position:absolute;right:.2em;top:50%;width:1.5em;height:1.5em;margin-top:-.75em;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:1.1em;line-height:1;color:var(--bpsc-accent);background:var(--bpsc-tint);transition:transform .2s ease}.bpsc-article .bpsc-faq details[open] summary::after{content:"\2212"}.bpsc-article .bpsc-faq summary:focus-visible{outline:2px solid var(--bpsc-accent);outline-offset:2px}.bpsc-article .bpsc-faq details>p{padding:0 2.4em 1.1em 0}.bpsc-article .bpsc-cta{position:relative;overflow:hidden;padding:1.6em 1.7em;border-radius:calc(var(--bpsc-radius) + 4px);background:var(--bpsc-tint-strong);border:1px solid color-mix(in srgb,var(--bpsc-accent) 25%,transparent)}.bpsc-article .bpsc-cta::before{content:"";position:absolute;right:-3.5em;top:-3.5em;width:10em;height:10em;border-radius:50%;border:1.6em solid color-mix(in srgb,var(--bpsc-accent) 9%,transparent);pointer-events:none}.bpsc-article .bpsc-cta__title{position:relative;margin:0 0 .4em;font-size:1.28em;font-weight:700;line-height:1.3;color:var(--bpsc-accent)}.bpsc-article .bpsc-cta p{position:relative}.bpsc-article .bpsc-disclaimer{margin-top:1.4em;padding-top:1em;padding-bottom:1.1em;border-top:1px solid var(--bpsc-line);border-bottom:1px solid var(--bpsc-line);margin-bottom:4em;font-size:.82em;line-height:1.55;color:var(--bpsc-muted);font-style:italic}@media (min-width:900px){.bpsc-article .bpsc-takeaways ul,.bpsc-article .bpsc-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.2em;row-gap:.55em}.bpsc-article .bpsc-takeaways li+li{margin-top:0}.bpsc-article .bpsc-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.2em;align-items:start}.bpsc-article .bpsc-faq>h2{grid-column:1 / -1}.bpsc-article .bpsc-faq details:nth-of-type(2){border-top:1px solid var(--bpsc-line)}}@media (max-width:600px){.bpsc-article{--bpsc-gap:1.35em}.bpsc-article h2{font-size:1.35em}.bpsc-article .bpsc-lede{font-size:1.08em}.bpsc-article .bpsc-takeaways,.bpsc-article .bpsc-callout,.bpsc-article .bpsc-cta{padding-left:1.1em;padding-right:1.1em}.bpsc-article .bpsc-faq details>p{padding-right:0}.bpsc-article .bpsc-disclaimer{margin-bottom:3em}}@media print{.bpsc-article .bpsc-faq details>p{display:block}.bpsc-article .bpsc-cta::before{display:none}}