/* Complete public editorial refresh. Scoped away from application surfaces. */
@font-face{font-family:STEditorial;src:url('/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
body[data-st-editorial="2"]{--st-body:STEditorial,Arial,sans-serif;background:#fff!important;color:#17191c!important;overflow-x:visible!important}
body[data-st-editorial="2"] :is(p,li,td,th,dd,summary,blockquote,label,input,select,button,.hub-link,.st-links a,.internal-links a){font-family:var(--st-body)!important;text-transform:none!important;letter-spacing:0!important}
body[data-st-editorial="2"] :is(p,li,td,th,dd,summary,blockquote) :is(a,span,strong,b,em){font-family:inherit!important}
body[data-st-editorial="2"] :is(h1,h2,h3,h4){text-wrap:pretty;overflow-wrap:anywhere}
body[data-st-editorial="2"] :is(a,button,input,select,summary):focus-visible{outline:3px solid #7133c3!important;outline-offset:4px}
body[data-st-editorial="2"] :is(.page,.container,.content,.wrap,.body,main,article,.article-wrap,.post,.st-flow){width:100%;min-width:0;max-width:1180px!important}
body[data-st-editorial="2"] :is(main article,main .content,article .content,.st-flow,.st-row-body article){padding-inline:0!important}
body[data-st-editorial="2"] :is(.hero,.st-hero){max-width:1180px!important;padding:54px 24px 30px!important;min-height:0!important;margin:0 auto!important}
body[data-st-editorial="2"] :is(.hero h1,.st-hero h1){max-width:1080px!important;font-size:clamp(27px,3.3vw,43px)!important;line-height:1.22!important;letter-spacing:0!important;margin:12px auto 20px!important}
body[data-st-editorial="2"] :is(.hero p,.st-hero p,.hero-sub){max-width:850px!important;font-size:17px!important;line-height:1.7!important}
body[data-st-editorial="2"] :is(.hero,.st-hero) :is(div.cta,.cta-row,.cta-buttons,.hero-actions){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:24px auto 0!important;display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:auto!important}
body[data-st-editorial="2"] :is(.hero,.st-hero) :is(a.cta,a.cta-btn,a.btn,.cta a,.cta-row a,.btn-primary,.btn-secondary){font:650 14px/1.5 var(--st-body)!important;padding:12px 22px!important;margin:0!important;max-width:100%;min-height:44px;border-radius:999px!important}
/* Natural-width section headings, instead of alternating narrow heading columns. */
body[data-st-editorial="2"] .st-row{display:block!important;padding:30px!important;margin:22px 0!important;border:1px solid var(--b,#d7dbe0)!important;border-radius:20px!important;background:#fff!important}
body[data-st-editorial="2"] .st-row-head{position:static!important;display:flex;gap:14px;align-items:flex-start;text-align:left!important;margin:0 0 22px!important;max-width:none!important}
body[data-st-editorial="2"] .st-row-head:before{flex-shrink:0;margin:2px 0 0!important}
body[data-st-editorial="2"] .st-row-head h2{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.4!important;text-align:left!important;max-width:none!important;flex:1;min-width:0}
body[data-st-editorial="2"] .st-row-body{min-width:0;font-family:var(--st-body)!important}
body[data-st-editorial="2"] .st-row-body > :is(p,ul:not(.st-cards):not(.st-links),ol:not(.st-steps)){max-width:900px!important}
body[data-st-editorial="2"] .st-row-body > p:first-child{font-size:17px!important;line-height:1.8!important}
body[data-st-editorial="2"] .st-row-body p{font-size:16px!important;line-height:1.8!important}
body[data-st-editorial="2"] :is(.st-cards,.st-steps,.cards,.quick ul){grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important}
body[data-st-editorial="2"] .st-row-body:has(>.faq-item){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important}
body[data-st-editorial="2"] :is(.st-links a,.internal-links a){line-height:1.6!important;overflow-wrap:anywhere}
/* Articles have a calm reading rhythm; guides emphasize their steps. */
body[data-st-editorial="2"][data-editorial-family=article] .st-row{border:0!important;border-top:1px solid #d7dbe0!important;border-radius:0!important;padding:32px 12px!important}
body[data-st-editorial="2"][data-editorial-family=article] .st-row-body{max-width:940px;margin-inline:auto}
body[data-st-editorial="2"][data-editorial-family=guide] .st-row:nth-child(3n+1){background:var(--s,#edf4ff)!important}
body[data-st-editorial="2"][data-editorial-family=comparison] .st-row:has(table){background:#edf4ff!important;border-color:#bfcee2!important}
body[data-st-editorial="2"] :is(table,.table-wrap,.table-container,.comparison-table){max-width:100%!important}
body[data-st-editorial="2"] :is(.table-wrap,.table-container){overflow-x:auto!important}
body[data-st-editorial="2"] table{display:block;overflow-x:auto!important;border-color:#c8d4e5!important;background:#fff!important;line-height:1.65}
body[data-st-editorial="2"] :is(td,th){white-space:normal!important;min-width:110px;font-size:14px!important;color:#252a32!important;vertical-align:top}
body[data-st-editorial="2"] th{background:#edf4ff!important;font-weight:750!important}
/* Directories use the full width and scan-friendly cards, not a single link column. */
body[data-st-editorial="2"][data-editorial-family=directory] .st-row{background:var(--s,#edf4ff)!important}
body[data-st-editorial="2"] .hub-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;gap:12px!important}
body[data-st-editorial="2"] .hub-link{display:flex!important;align-items:center;min-height:62px;padding:15px 18px!important;border:1px solid #d7dbe0!important;border-radius:12px!important;background:#fff!important;color:#272c35!important;font-size:14px!important;line-height:1.55!important;text-decoration:none!important}
body[data-st-editorial="2"] .hub-link:hover{border-color:#7133c3!important;background:#faf7ff!important}
body[data-st-editorial="2"] :is(img,video,iframe){max-width:100%}
body[data-st-editorial="2"] :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap}
body[data-st-editorial="2"] footer{padding-bottom:100px!important}
@media(max-width:700px){
 body[data-st-editorial="2"] :is(.page,.container,.content,.wrap,.body,main,article,.article-wrap,.post){padding-inline:16px!important}
 body[data-st-editorial="2"] :is(main .page,main .container,main article,.page .st-flow,.wrap .st-flow,.container .st-flow,main .st-flow,.st-row-body article){padding-inline:0!important}
 body[data-st-editorial="2"] :is(.hero,.st-hero){padding:32px 16px 24px!important}
 body[data-st-editorial="2"] .st-row{padding:20px 16px!important;margin:16px 0!important}
 body[data-st-editorial="2"] .st-row-head{display:block;margin-bottom:18px!important}
 body[data-st-editorial="2"] .st-row-head:before{margin-bottom:12px!important}
 body[data-st-editorial="2"] :is(.quick,.callout,div.cta-box,div.cta-block,.cta-band){padding:24px 18px!important;margin:24px 0!important;border-radius:18px!important}
 body[data-st-editorial="2"] :is(nav,.nav,.header){max-width:100%;flex-wrap:wrap;gap:8px;height:auto;min-height:54px;padding:12px 16px!important}
 body[data-st-editorial="2"] :is(nav a,.nav a,.header a){font-size:12px!important;overflow-wrap:anywhere}
 body[data-st-editorial="2"] :is(.st-links,.internal-links){gap:8px!important}
}
@media(prefers-reduced-motion:reduce){body[data-st-editorial="2"] *{animation:none!important;transition:none!important}}

/* Long translated labels and legacy fixed-width widgets must fit their container. */
body[data-st-editorial="2"] a{white-space:normal!important;overflow-wrap:anywhere}
body[data-st-editorial="2"] .tpbox{max-width:100%;flex-wrap:wrap;justify-content:center}
body[data-st-editorial="2"] :is(.hero-grid,.live-demo,.lang-row,.lang-picker){min-width:0;max-width:100%}
body[data-st-editorial="2"] :is(.lang-grid,.stat-bar){grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important;flex-wrap:wrap}
body[data-st-editorial="2"] #gb-footer.simple-footer small{white-space:normal!important}
body[data-st-editorial="2"] .hero-glow{display:none!important}
@media(max-width:700px){
 body[data-st-editorial="2"] .hero-grid{display:block!important}
 body[data-st-editorial="2"] :is(.platform-tabs,.lang-row,.billing-toggle){flex-wrap:wrap!important;max-width:100%;justify-content:center}
 body[data-st-editorial="2"] :is(.hero-content,.live-demo,.platform-frame,.lang-picker select){width:100%;min-width:0}
 body[data-st-editorial="2"] .stat{min-width:0;flex:1 1 120px}
}
body[data-st-editorial="2"] :is(.page,.hero)::before{display:none!important}
body[data-st-editorial="2"] .st-steps li{display:block!important;overflow-wrap:anywhere}
body[data-st-editorial="2"] :is(.tldr-body,.info-body,.st-row-body){overflow-wrap:anywhere}
body[data-st-editorial="2"] .step{min-width:0;overflow-wrap:anywhere}
body[data-st-editorial="2"] .step > *{min-width:0}
body[data-st-editorial="2"] :is(.hero,.st-hero){padding-top:90px!important}
@media(max-width:700px){body[data-st-editorial="2"] :is(.hero,.st-hero){padding-top:84px!important}}
body[data-st-editorial="2"][data-editorial-family=article] :is(.hero,.st-hero){padding-top:36px!important}
body[data-st-editorial="2"] :is(.meta,.byline,.post-meta,.article-meta){font:500 13px/1.6 var(--st-body)!important;letter-spacing:0!important;text-transform:none!important}

/* Directory and related-guide labels use the brand display face. */
body[data-st-editorial="2"] :is(.hub-link,.st-links a,.internal-links a){font-family:Bungee,system-ui,sans-serif!important;font-weight:400!important}