.article-header{background:rgb(var(--rgb-purple));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px 25px;display:flex}@media (min-width:768px){.article-header{padding:45px 20px 35px}}@media (min-width:1200px){.article-header{padding:60px 20px 45px}}.article-header .cat{color:#fff;text-underline-offset:2px;margin:0;text-decoration:underline}.article-header h1{color:#fff;font-size:var(--font-h2-size-bp-sm);line-height:var(--font-h2-line-height-bp-sm);margin:20px 0 10px}@media (min-width:768px){.article-header h1{font-size:var(--font-h2-size-bp-md);line-height:var(--font-h2-line-height-bp-md);margin:30px 0 20px}}@media (min-width:1200px){.article-header h1{margin:30px 0 40px;font-size:46px;line-height:52px}}.with-sidebars{justify-content:space-between;display:flex}.with-sidebars .sidebar.left{display:none}@media (min-width:1200px){.with-sidebars .sidebar.left{flex:0 0 275px;padding-inline-start:30px;display:block}}.sticky__wrap{top:calc(var(--navbar-h) + 20px);padding-top:20px;position:sticky}.theory-article{min-width:0;max-width:900px;color:rgb(var(--rgb-gray-20));flex:auto;margin:0 auto;padding:0 0 40px}@media (min-width:768px){.theory-article{padding-bottom:60px}}@media (min-width:1200px){.theory-article{margin:0 0 0 40px;padding-bottom:80px}}.theory-article>p,.theory-article section>p{font-size:var(--font-p-lg-size-bp-sm);line-height:var(--font-p-lg-line-height-bp-sm);margin:0 0 20px}@media (min-width:768px){.theory-article>p,.theory-article section>p{font-size:var(--font-p-lg-size-bp-lg);line-height:var(--font-p-lg-line-height-bp-lg)}}.theory-article h2{font-size:var(--font-h3-size-bp-sm);line-height:var(--font-h3-line-height-bp-sm);margin:40px 0 10px}@media (min-width:768px){.theory-article h2{font-size:var(--font-h3-size-bp-lg);line-height:var(--font-h3-line-height-bp-lg)}}.theory-article h3{font-size:var(--font-h5-size-bp-sm);line-height:var(--font-h5-line-height-bp-sm);margin:40px 0 10px}@media (min-width:768px){.theory-article h3{font-size:26px;line-height:34px}}.suit-aspect__title{align-items:center;gap:10px;display:flex}.suit-aspect__title .glyph{color:var(--band);line-height:0}.row{flex-wrap:wrap;justify-content:space-between;gap:34px 0;margin:0 0 25px;display:flex}.trait-comparison{flex:0 0 100%}@media (min-width:768px){.trait-comparison{flex:0 0 48%}}.trait-comparison .illustration{text-align:center;padding:15px 15px 0}.trait-comparison .illustration svg{width:auto;max-width:100%;height:232px}@media (min-width:1200px){.trait-comparison .illustration svg{height:278px}}.row--ranks .trait-comparison .illustration svg{height:208px}@media (min-width:1200px){.row--ranks .trait-comparison .illustration svg{height:248px}}.trait-comparison p{font-size:var(--font-p-lg-size-bp-sm);line-height:var(--font-p-lg-line-height-bp-sm);margin:10px 0 0}@media (min-width:768px){.trait-comparison p{font-size:var(--font-p-lg-size-bp-lg);line-height:var(--font-p-lg-line-height-bp-lg)}}.type_letter{font-weight:var(--font-text-bold-weight)}.rank-line{font-weight:var(--font-text-regular-weight);font-size:var(--font-p-lg-size-bp-sm);line-height:var(--font-p-lg-line-height-bp-sm);margin:0 0 14px}@media (min-width:768px){.rank-line{font-size:var(--font-p-lg-size-bp-lg);line-height:var(--font-p-lg-line-height-bp-lg)}}.rank-line b{font-weight:var(--font-text-bold-weight)}.table-responsive{margin:20px 0;overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:560px;max-width:760px}.table-responsive td{border:1px solid rgb(var(--rgb-gray-04));font-size:var(--font-p-md-size-bp-md);line-height:var(--font-p-md-line-height-bp-md);padding:10px}.table-responsive .group-cell{vertical-align:middle}.table-responsive .group-cell strong{font-weight:var(--font-text-bold-weight);display:block}.table-responsive .group-cell .p-sm{color:rgb(var(--rgb-gray-12))}.table-responsive .code-cell{white-space:nowrap;color:rgb(var(--rgb-gray-12))}.article-cta{justify-content:center;margin:40px 0 20px;display:flex}.sections .collapsible{margin:20px 0 18px;padding:0;list-style:none}.sections .collapsible>li{margin-bottom:6px}.toc__row{align-items:center;gap:10px;min-height:40px;display:flex}.toc__toggle{cursor:pointer;width:18px;height:18px;color:rgb(var(--rgb-gray-12));background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex}.sections a{color:rgb(var(--rgb-gray-15));font-size:16px;line-height:24px;text-decoration:none}.sections a:hover,.sections a.is--active,.sections .collapsible>li.is--open>.toc__row a{color:rgb(var(--rgb-link))}.toc__subs{margin:0 0 8px;padding:0 0 0 46px;list-style:none}.toc__subs li{margin:8px 0}