header.insights{display:none;align-items:flex-start;justify-content:center;background-color:#576071;color:#fff}header.insights .section{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;flex:0 0 25%;padding:15px 10px 13px;font-size:.65em;color:#ddd;text-decoration:none;transition:all .1s ease-in-out}header.insights .section.active{font-weight:var(--font-text-semibold-weight);color:#fff}header.insights .section:hover,header.insights .section:active,header.insights .section:focus{text-decoration:none;outline:0;color:#fff}.article-content:after{content:"";display:table;clear:both}.article-content .scene{margin:30px 0;max-width:100%;text-align:center}.article-content .scene img{width:100%}.article-content .avatar{height:220px}.article-content .avatar.left{float:inline-start;margin:20px -30px 10px -60px}.article-content .avatar.left.celebrity{margin:20px 20px 10px -10px}.article-content .avatar.right{float:inline-end;margin:20px -60px 10px -30px}.article-content .avatar.right.celebrity{margin:20px -10px 10px 20px}.article-content a:not(.sp-button){text-decoration:underline;text-decoration-color:transparent;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:1px;text-underline-offset:.32em;color:rgb(var(--color-link));text-decoration-color:rgb(var(--color-link))}.article-content a:not(.sp-button):focus-visible,.article-content a:not(.sp-button):hover,.article-content a:not(.sp-button):active{color:rgb(var(--color-link-hover));text-decoration-color:rgb(var(--color-link-hover))}.article-content u:has(a){text-decoration:none}.article-content .affiliate-disclaimer{border-radius:5px;padding:15px 20px;margin-bottom:25px;line-height:2;font-size:.75em;background-color:#f5f5f5}.article-content .description-pullout p:first-of-type{margin-top:0}.article-content .description-pullout p:last-of-type{margin-bottom:0}.article-content .chart-wrapper{margin:30px 0;overflow-x:auto}.article-content .chart-wrapper .overflow-wrapper{min-width:750px;padding-bottom:15px}.article-content .chart-wrapper .title{margin-bottom:40px;text-align:center;line-height:1.6;font-size:.8em}.article-content .chart-wrapper .title span{font-weight:var(--font-text-semibold-weight)}.article-content .theory-article.reliability-article .table{width:auto;margin:30px 0 10px;font-size:.85em;border-collapse:collapse}.article-content .theory-article.reliability-article .table.equal-widths td{width:calc(100% / 6)}.article-content .theory-article.reliability-article .table th,.article-content .theory-article.reliability-article .table td{padding:10px;border:1px solid #dddfe2;text-align:start}.article-content .theory-article.reliability-article .table th.gray,.article-content .theory-article.reliability-article .table td.gray{background-color:#f5f5f5}.article-content .theory-article.reliability-article .note{font-size:.85em;color:rgb(var(--rgb-gray-12))}.article-content .theory-article .row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.article-content .theory-article .row .trait-comparison .illustration{margin-bottom:15px;padding:15px 15px 0;text-align:center}.article-content .theory-article .row .trait-comparison .illustration img,.article-content .theory-article .row .trait-comparison .illustration .image{width:100%;max-width:340px}.article-content .theory-article .row .trait-comparison p{margin-bottom:0}.article-content .theory-article .trait-illustration{text-align:center;margin-bottom:15px}.article-content .theory-article .trait-illustration img{width:100%;max-width:300px}.article-content .theory-article span.type_letter{font-weight:var(--font-text-bold-weight);text-decoration:underline}.article-content .theory-article a.toc-item{position:relative;top:-250px;display:block}.article-content .theory-article .type-table{border-collapse:collapse;border:1px solid #dddfe2;margin-bottom:20px}.article-content .theory-article .type-table td{border:1px solid #dddfe2;padding:10px;vertical-align:middle}.article-content .toc{display:none}@media(max-width:767px){.article-content .theory-article .type-table td{font-size:var(--font-p-sm-size-bp-sm);line-height:var(--font-p-sm-line-height-bp-sm);letter-spacing:var(--font-p-sm-spacing-bp-sm)}.article-content .theory-article .type-table td[rowspan="4"]{min-width:60px}.article-content .theory-article .type-table td:nth-child(2){min-width:108px}}@media(min-width:450px){.article-content .chart-wrapper .title{line-height:2;font-size:.9em;margin-bottom:25px}.article-content .theory-article .row{margin-bottom:25px}}@media(min-width:460px){.article-content .avatar{height:300px}}@media(min-width:500px){header.insights{left:calc(50% - 180px);right:calc(50% - 180px);border-top-left-radius:10px;border-top-right-radius:10px}}@media(min-width:768px){header.insights{display:flex;border-radius:0}header.insights .section{font-size:.8em;padding:20px}.article-content .avatar{height:350px}.article-content .affiliate-disclaimer{font-size:.85em}.article-content .chart-wrapper{margin:50px 0 40px}.article-content .chart-wrapper .overflow-wrapper{padding:0}.article-content .chart-wrapper .title{margin-bottom:30px}}@media(min-width:768px)and (min-height:900px){.article-content .theory-article .row{margin-bottom:30px}}@media(max-width:767px)and (min-width:768px){.article-content .theory-article .type-table td{font-size:var(--font-p-sm-size-bp-md);line-height:var(--font-p-sm-line-height-bp-md);letter-spacing:var(--font-p-sm-spacing-bp-md)}}@media(min-width:992px){header.insights{align-items:center;padding:25px 0}header.insights .section:not(:first-of-type){border-left:1px solid #9b9faa}header.insights .section{flex:none;flex-direction:row;padding:10px 60px;font-size:.9em}.article-content .scene{margin:50px 0}.article-content .affiliate-disclaimer{margin-bottom:35px}.article-content .theory-article .row .trait-comparison{flex:0 0 48%}}@media(min-width:992px)and (min-height:900px){header.insights{padding:30px 0}}@media(min-width:1200px){header.insights{padding:30px 0}header.insights .section{font-size:1em}}@media(min-width:1200px)and (min-height:900px){header.insights{padding:40px 0}}@media(min-width:1400px){header.insights .section{font-size:1.1em}}