

@font-face{font-family:ST;src:url(/assets/fonts/pqtext.woff2)format('woff2');
  font-weight:400 800;font-display:swap}
@font-face{font-family:ST;src:url(/assets/fonts/pqtexti.woff2)format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:SL;src:url(/assets/fonts/pqlab.woff2)format('woff2');
  font-weight:400 700;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}

body{margin:0;background:#f4f1f6;color:#211627;
  font-family:ST,Georgia,serif;font-size:1.06rem;line-height:1.64;
  font-weight:400;font-variation-settings:"opsz" 13;
  -webkit-font-smoothing:antialiased}

.st-body table,.st-body td,.st-body th,.st-fig__n,.st-card__k,.st-ax,
.st-fn,.st-on,.st-gh,.st-rec dd,.st-meta{
  font-variant-numeric:lining-nums tabular-nums}
img,svg{max-width:100%}
a{color:#8735b6}
.st-skip{position:absolute;left:-9999px}
.st-skip:focus{left:1rem;top:1rem;position:fixed;background:#8735b6;
  color:#f4f1f6;padding:.6rem 1rem;z-index:40}
:focus-visible{outline:3px solid #8735b6;outline-offset:2px}

.st-wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.st-doc{max-width:48rem}


.st-body{border-left:1px solid #dbd0e1;padding-left:3.1rem;
  position:relative;font-size:1.07rem}
@media(max-width:46rem){.st-body{padding-left:1.25rem}}
.st-body h2{font-weight:700;font-size:1.52rem;line-height:1.2;
  margin:2.4rem 0 .7rem;position:relative;font-variation-settings:"opsz" 28}
.st-body h2::before{content:"";position:absolute;left:-3.1rem;top:.72em;
  width:2.1rem;border-top:2px solid #8735b6}
@media(max-width:46rem){.st-body h2::before{left:-1.25rem;width:.75rem}}
.st-body h3{font-weight:600;font-size:1.17rem;margin:1.8rem 0 .5rem;
  font-variation-settings:"opsz" 20}
.st-body p{margin:0 0 1.05rem}
.st-body ul,.st-body ol{margin:0 0 1.15rem;padding-left:1.15rem}
.st-body li{margin:.3rem 0}
.st-body blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1.1rem;
  border-left:3px solid #8735b6;color:#211627;font-size:1.1rem}
.st-body blockquote p:last-child{margin:0}
.st-body table{border-collapse:collapse;width:100%;margin:1.3rem 0;
  font-size:.96rem}
.st-body th,.st-body td{padding:.48rem .85rem .48rem 0;
  border-bottom:1px solid #dbd0e1;text-align:left;vertical-align:top}
.st-body th{font-family:SL;font-weight:600;font-size:.62rem;
  letter-spacing:.06em;text-transform:uppercase;color:#61496e}

.st-body td,.st-body th{text-align:left}
.st-body td:first-child,.st-body th:first-child{padding-right:1.4rem}
.st-body pre{background:#ece6ef;padding:1rem 1.1rem;overflow-x:auto;
  font-family:SL;font-size:.82rem;line-height:1.55;margin:1.3rem 0}
.st-body code{font-family:SL;font-size:.85em}


.st-panel{background:#261a2d;color:#f4f1f6;
  margin:2rem 0 2rem -3.1rem;padding:1.5rem 1.5rem 1.3rem;
  width:calc(100% + 3.1rem + 6vw);max-width:none}
@media(max-width:46rem){.st-panel{margin-left:-1.25rem;
  width:calc(100% + 1.25rem)}}
.st-panel--bare{background:transparent;color:#211627;padding:0;
  margin-left:0;width:100%}
.st-panel__t{font-weight:700;font-size:1.14rem;margin:0 0 1rem;
  font-variation-settings:"opsz" 22}
.st-scroll{overflow-x:auto}

.st-scroll>svg{min-width:40rem}

.st-ax{font-family:SL;font-weight:600;font-size:11.5px}
.st-fn{font-family:SL;font-weight:400;font-size:11.5px}
.st-key{list-style:none;margin:1rem 0 0;padding:0;display:flex;
  flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.88rem}
.st-key li{display:flex;align-items:center;gap:.5rem}
.st-sw{width:1rem;height:1rem;flex:none}
.st-note,.st-ref{margin:.8rem 0 0;font-size:.88rem;opacity:.85}
.st-cap{margin:.9rem 0 0;font-size:.9rem;font-style:italic;opacity:.85}

.st-nav{border-bottom:1px solid #dbd0e1;background:#faf8fb}
.st-nav__i{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;
  padding:.85rem 1.5rem;max-width:72rem;margin:0 auto}
.st-nav__h{font-weight:700;font-size:1.05rem;text-decoration:none;
  color:#211627;font-variation-settings:"opsz" 20}
.st-nav nav{display:flex;gap:1.15rem;flex-wrap:wrap}
.st-nav nav a{font-family:SL;font-weight:500;font-size:.62rem;
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  color:#61496e;padding:.2rem 0;border-bottom:2px solid transparent}
.st-nav nav a:hover{color:#211627}
.st-nav nav a[aria-current]{color:#8735b6;border-bottom-color:#8735b6}
.st-nav__cta{margin-left:auto;font-family:SL;font-weight:600;
  font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;
  text-decoration:none;background:#8735b6;color:#f4f1f6;
  padding:.6rem 1rem}


.st-head{background:#552178;color:#f4f1f6;
  padding:3.2rem 0 3.4rem;border-bottom:3px solid #d5a9ef}
.st-head h1{font-weight:700;margin:.25rem 0 .7rem;
  font-size:clamp(2.1rem,5.2vw,3.5rem);line-height:1.06;
  letter-spacing:-.008em;font-variation-settings:"opsz" 40}
.st-head p{max-width:34rem;margin:0;color:#f4f1f6;opacity:.93}
.st-eb{font-family:SL;font-weight:600;font-size:.62rem;letter-spacing:.09em;
  text-transform:uppercase;color:#d5a9ef;margin:0}

.st-hero{padding:3rem 0 2.4rem;border-bottom:1px solid #dbd0e1}
.st-hero__g{display:grid;gap:2.2rem;grid-template-columns:1fr}
@media(min-width:62rem){.st-hero__g{grid-template-columns:5fr 6fr;
  align-items:center}}
.st-hero h1{font-weight:700;margin:.35rem 0 .8rem;
  font-size:clamp(2.1rem,4.8vw,3.1rem);line-height:1.06;
  letter-spacing:-.01em;font-variation-settings:"opsz" 44}
.st-hero__l{font-size:1.12rem;max-width:30rem}
.st-go{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.st-go a{font-family:SL;font-weight:600;font-size:.63rem;
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;
  padding:.8rem 1.15rem;border:1.5px solid #211627;color:#211627}
.st-go a:first-child{background:#211627;color:#f4f1f6}

.st-fig{display:grid;gap:1.6rem;grid-template-columns:repeat(2,1fr);
  padding:2.4rem 0}
@media(min-width:52rem){.st-fig{grid-template-columns:repeat(4,1fr)}}
.st-fig__i{border-top:2px solid #211627;padding-top:.7rem}
.st-fig__n{font-weight:700;font-size:2.4rem;line-height:1;
  color:#8735b6;margin:0;font-variation-settings:"opsz" 36}
.st-fig__c{margin:.45rem 0 0;font-size:.92rem;color:#61496e}

.st-sec{padding:2.8rem 0;border-top:1px solid #dbd0e1}
.st-sec h2{font-weight:700;font-size:clamp(1.6rem,3.4vw,2.2rem);
  line-height:1.14;margin:0 0 .6rem;font-variation-settings:"opsz" 32}
.st-cards{display:grid;gap:1.3rem;grid-template-columns:1fr;margin-top:1.8rem}
@media(min-width:44rem){.st-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:66rem){.st-cards{grid-template-columns:repeat(3,1fr)}}
.st-card{background:#faf8fb;border:1px solid #dbd0e1;
  border-left:3px solid #dbd0e1;
  padding:1.25rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}
.st-card:hover{border-left-color:#8735b6}
.st-card a{text-decoration:none;color:inherit}
.st-card h3{font-weight:700;font-size:1.13rem;margin:0;line-height:1.24;
  font-variation-settings:"opsz" 20}
.st-card p{margin:0;font-size:.95rem;color:#61496e}
.st-card__k{margin-top:auto;padding-top:.7rem;
  border-top:1px solid #dbd0e1;font-family:SL;font-weight:500;
  font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;
  color:#8735b6}
.st-mk{width:1.4rem;height:1.4rem;color:#8735b6}

.st-crumb,.st-meta{font-family:SL;font-weight:500;font-size:.61rem;
  letter-spacing:.07em;text-transform:uppercase;color:#61496e}
.st-crumb a{color:#61496e}
.st-meta{color:#8735b6;margin:.1rem 0 1.6rem}

.st-rec{margin:2.6rem 0 0;border-top:1px solid #dbd0e1;padding-top:1.3rem}
.st-rec h2{font-weight:700;font-size:1.18rem;margin:0 0 .8rem;
  font-variation-settings:"opsz" 20}
.st-rec ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.st-rec a{text-decoration:none}
.st-rec dt{font-family:SL;font-weight:500;font-size:.6rem;
  letter-spacing:.07em;text-transform:uppercase;color:#61496e}
.st-rec dd{margin:0 0 .6rem}
.st-seq{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;
  border-top:1px solid #dbd0e1;padding-top:1rem;font-size:.93rem}

.st-foot{background:#372640;color:#f4f1f6;margin-top:3.5rem;
  padding:2.6rem 0 2rem}
.st-foot a{color:#d5a9ef}
.st-foot__g{display:grid;gap:1.8rem;grid-template-columns:1fr}
@media(min-width:44rem){.st-foot__g{grid-template-columns:repeat(3,1fr)}}
.st-foot h2{font-weight:700;font-size:.95rem;margin:0 0 .6rem;
  font-variation-settings:"opsz" 16}
.st-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;
  font-size:.93rem}
.st-foot__n{margin:2rem 0 0;font-size:.85rem;opacity:.8;max-width:46rem}
.st-gh{font-family:SL;font-weight:500;font-size:.6rem;letter-spacing:.07em;
  text-transform:uppercase;color:#bba6c7}

.st-on{font-weight:400;font-size:.78rem;color:#61496e}
.st-foot .st-on{color:#bba6c7}
.st-lab{font-family:SL;font-weight:500;font-size:.61rem;
  letter-spacing:.08em;text-transform:uppercase;color:#61496e;margin:0}


.st-inline-reference a,.st-inline-source a{color:#6f237f;text-decoration-thickness:.1em;text-underline-offset:.14em}.st-guides{padding:3.7rem 0;background:#eadff0;color:#211627;border-block:1px solid #c5b2cf}.st-guides__head{max-width:54rem;margin-bottom:1.5rem}.st-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.st-guide-card{padding:1.3rem;background:#fff;color:#211627;border:1px solid #b99bc8}.st-guide-card>p{margin:0;color:#604969;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.st-guide-card h3{margin:.55rem 0}.st-guide-card h3 a{color:#211627}.st-guide-card span{color:#514458}.st-guide-card--notebook{border-radius:2px 22px 2px 22px}.st-guide-card--matrix{box-shadow:6px 6px 0 #8735b6}.st-guide-card--atlas{border-left:8px solid #325f68}.st-foot__guides summary{color:#f4f1f6;cursor:pointer;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.st-list-head{padding:4rem 0 3.1rem;border-bottom:1px solid #b99bc8}.st-list-head h1{font:800 clamp(2.2rem,7vw,4.7rem)/1.02 pqlab,serif;max-width:22ch}.st-list-dek{max-width:58rem;font-size:1.15rem;line-height:1.62}.st-list-summary{max-width:58rem;padding:1rem 1.2rem;background:#fff;color:#211627;border:1px solid #b99bc8}.st-list-head--notebook{background:#eadff0;color:#211627}.st-list-head--matrix{background:#351b3e;color:#f4f1f6}.st-list-head--matrix .st-eb,.st-list-head--matrix .st-list-dek{color:#e7c9f1}.st-list-head--atlas{background:linear-gradient(135deg,#dcebed 0 52%,#eadff0 52%);color:#211627}.st-listicle{padding-top:2.3rem}.st-method-card{padding:1.45rem 1.6rem;margin-bottom:2.3rem;background:#fff;color:#211627;border:1px solid #b99bc8}.st-table-wrap{overflow-x:auto;margin-bottom:2.8rem}.st-compare{width:100%;border-collapse:collapse;background:#fff;color:#211627}.st-compare th,.st-compare td{padding:.82rem;border:1px solid #b99bc8;text-align:left;vertical-align:top}.st-compare th{background:#211627;color:#f4f1f6}.st-tools{display:grid;gap:1.25rem}.st-tools--notebook{grid-template-columns:repeat(2,minmax(0,1fr))}.st-tools--matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.st-tools--atlas{grid-template-columns:1fr}.st-tool{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.45rem;background:#fff;color:#211627;border:1px solid #b99bc8}.st-tool--notebook{border-radius:2px 22px 2px 22px;border-top:5px solid #8735b6}.st-tool--matrix{display:block;box-shadow:5px 5px 0 #d7bde2}.st-tool--atlas{border-left:8px solid #325f68;border-radius:0 14px 14px 0}.st-tool__rank{font:800 1.55rem pqlab,serif;color:#8735b6}.st-tool__best{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#604969}.st-tool__link a{display:inline-block;padding:.58rem .85rem;background:#6f237f;color:#fff;border-radius:999px;text-decoration:none}.st-decision{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:3rem 0}.st-decision>div{padding:1.2rem;background:#ece7ef;color:#211627}.st-checklist{padding:1.55rem 1.8rem;margin:3rem 0;background:#211627;color:#f4f1f6}.st-faq{margin:3rem 0}.st-faq details{padding:1rem;margin:.75rem 0;background:#fff;color:#211627;border:1px solid #b99bc8}.st-faq summary{cursor:pointer;font-weight:700}@media(max-width:900px){.st-guide-grid,.st-tools--notebook,.st-tools--matrix,.st-decision{grid-template-columns:1fr}.st-list-head{padding:3rem 0 2.25rem}}
