/* SaaSAlways guides */
.sa16 *{box-sizing:border-box}
.sa16-band{margin-top:44px}
.sa16-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sa16-card{gap:10px!important}
.sa16-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sa16-kind{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(139,61,255,.45);background:#21163A;color:#C4A2FF;font-family:Sora,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sa16-kind svg{width:13px;height:13px}
.sa-component .sa16-card h2,.sa-component .sa16-card h3{margin:2px 0 0;font-size:19px;line-height:1.3}
.sa-component .sa16-card h2 a,.sa-component .sa16-card h3 a{color:#F6F3FF;text-decoration:none}
.sa-component .sa16-card h2 a::after,.sa-component .sa16-card h3 a::after{content:"";position:absolute;inset:0;border-radius:18px}
.sa-component .sa16-card h2 a:hover,.sa-component .sa16-card h3 a:hover{color:#C4A2FF}
.sa-component .sa16-meta{display:flex;gap:8px;margin:auto 0 0;padding-top:10px;border-top:1px solid rgba(44,35,64,.8);font-size:12.5px;color:#7F7896}

/* Single */
.sa16-hero{padding:40px 0 44px}
.sa16-narrow{max-width:1240px}
.sa16-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.sa16-head .sas-eyebrow{margin:0!important}
.sa-component .sa16-hero h1{max-width:900px}
.sa-component .sa16-byline{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:14px;color:#ABA4BF}
.sa16-body{padding-top:8px}
.sa16-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.sa16-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.sa16-toc{margin:0}
.sa16-tools{padding:20px;border:1px solid var(--e-global-color-border,#2C2340);border-radius:16px;background:#14111C}
.sa16-tools>strong{display:block;margin-bottom:12px;font-family:Sora,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#C4A2FF}
.sa16-tools ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sa-component .sa16-tools a{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:10px;color:#F6F3FF;text-decoration:none}
.sa-component .sa16-tools a:hover{border-color:rgba(214,58,249,.45);background:#110E18}
.sa16-tools a>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.sa16-tools b{font-size:14px}
.sa16-tools small{font-size:12px;color:#ABA4BF}
.sa16-prose{max-width:760px}
.sa-component .sa16-prose h2{margin:40px 0 14px;font-size:26px;scroll-margin-top:20px}
.sa-component .sa16-prose h2:first-child{margin-top:0}
.sa-component .sa16-prose h3{margin:28px 0 10px;font-size:19px}
.sa-component .sa16-prose p,.sa-component .sa16-prose li{font-size:16.5px;line-height:1.75;color:#D9D2EA}
.sa-component .sa16-prose ul,.sa-component .sa16-prose ol{margin:0 0 18px;padding-left:22px}
.sa-component .sa16-prose li{margin-bottom:8px}
.sa-component .sa16-prose a{color:#C4A2FF;text-underline-offset:3px}
.sa-component .sa16-prose strong{color:#F6F3FF}
.sa16-prose blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid #D63AF9;border-radius:0 12px 12px 0;background:rgba(214,58,249,.06)}
.sa16-prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.sa16-prose th,.sa16-prose td{padding:10px 12px;border:1px solid #2C2340;text-align:left}
.sa16-prose th{background:#171320;color:#C4A2FF}
.sa16-note{display:flex;gap:12px;align-items:flex-start;margin:40px 0 0!important;padding:16px 18px;border:1px solid rgba(61,232,224,.25);border-radius:14px;background:rgba(61,232,224,.05);font-size:14px!important;color:#C9C2DA!important}
.sa16-note svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:#3DE8E0}
.sa16-more{padding-top:0}
.sa16-related-h{margin-top:44px!important}

@media (max-width:1024px){
 .sa16-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sa16-layout{grid-template-columns:minmax(0,1fr)}
 .sa16-side{position:static}
}
@media (max-width:767px){
 .sa16-grid{grid-template-columns:minmax(0,1fr)}
 .sa-component .sa16-prose p,.sa-component .sa16-prose li{font-size:16px}
}