.extrovert-editorial{--extrovert-ink: #3e443d;--extrovert-accent: #e9bd19;--extrovert-soft: #fff6bd;--extrovert-line: #f1e5a1}.extrovert-editorial .extrovert-section{padding:32px 0;border-top:1px solid var(--extrovert-line)}.extrovert-editorial .extrovert-intro{border-top:0;padding-top:32px}.extrovert-editorial h2{color:var(--extrovert-ink);font-size:1.5rem;line-height:1.5;margin:0 0 20px;padding:0;background:none;border:0}.extrovert-editorial h3{color:var(--extrovert-ink);font-size:1.125rem;line-height:1.5;margin:0 0 10px;padding:0}.extrovert-editorial p{line-height:1.85;margin:0 0 16px}.extrovert-editorial p:last-child{margin-bottom:0}.extrovert-editorial .extrovert-note{font-size:.9rem;color:#586570;line-height:1.8;margin-top:20px}.extrovert-editorial .extrovert-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:12px;margin:24px 0 0}.extrovert-editorial .extrovert-step{min-width:0;text-align:center}.extrovert-editorial .extrovert-step p{text-align:left}.extrovert-editorial .extrovert-flow-art{height:106px;display:flex;align-items:center;justify-content:center;background:var(--extrovert-soft);border-radius:12px;margin-bottom:16px;color:var(--extrovert-accent)}.extrovert-editorial .extrovert-arrow{color:var(--extrovert-accent);padding-top:42px;text-align:center}.extrovert-editorial .extrovert-sheet{width:112px;padding:10px;background:white;border:1px solid #e9bd19;border-radius:6px}.extrovert-editorial .extrovert-answer{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:12px}.extrovert-editorial .extrovert-answer span{height:3px;background:#f3d766;flex:1}.extrovert-editorial .extrovert-score{width:110px}.extrovert-editorial .extrovert-score strong{display:block;font-size:2rem;line-height:1.3}.extrovert-editorial .extrovert-mini-meter{display:flex;gap:4px;margin-top:8px}.extrovert-editorial .extrovert-mini-meter span{flex:1;height:12px;border-radius:2px;background:var(--extrovert-accent)}.extrovert-editorial .extrovert-mini-meter span:nth-last-child(-n+2){background:#fff0a3}.extrovert-editorial .extrovert-reading-art{display:flex;align-items:flex-end;gap:10px;font-size:3rem}.extrovert-editorial .extrovert-reading-art i:last-child{font-size:1.7rem}.extrovert-editorial .extrovert-spectrum{margin-top:24px;background:var(--extrovert-soft);padding:24px;border-radius:12px}.extrovert-editorial .extrovert-spectrum h3{text-align:center;margin-bottom:20px}.extrovert-editorial .extrovert-spectrum-bar{height:14px;border-radius:8px;background:linear-gradient(90deg, #9ebaa7, #f8edaf, #f8d748)}.extrovert-editorial .extrovert-spectrum-labels{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top:16px}.extrovert-editorial .extrovert-spectrum-labels strong{display:block;text-align:center;color:var(--extrovert-ink)}.extrovert-editorial .extrovert-spectrum-labels p{margin-top:8px;text-align:center}.extrovert-editorial .extrovert-traits{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:24px}.extrovert-editorial .extrovert-trait{padding:24px;background:var(--extrovert-soft);border-radius:12px}.extrovert-editorial .extrovert-trait>i{display:block;color:var(--extrovert-accent);font-size:1.75rem;margin-bottom:16px}.extrovert-editorial .extrovert-with-ad{display:flow-root;padding-bottom:0}.extrovert-editorial .extrovert-ad{padding:32px 0}.extrovert-editorial .extrovert-differences{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:24px}.extrovert-editorial .extrovert-differences article{border:1px solid var(--extrovert-line);border-top:4px solid var(--extrovert-accent);padding:24px;border-radius:8px}.extrovert-editorial .extrovert-differences article:last-child{border-top-color:#8eaa9a}.extrovert-editorial .extrovert-differences strong{display:block;margin-bottom:12px}.extrovert-editorial .extrovert-level{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--extrovert-line)}.extrovert-editorial .extrovert-level:last-child{border-bottom:0;padding-bottom:0}.extrovert-editorial .extrovert-level h3{margin-bottom:8px}.extrovert-editorial .extrovert-level-meter{display:flex;gap:5px;padding-top:7px}.extrovert-editorial .extrovert-level-meter span{height:16px;flex:1;background:#f5f0dc;border-radius:3px}.extrovert-editorial .extrovert-level-meter .is-filled{background:var(--extrovert-accent)}.extrovert-editorial .extrovert-reading>div{margin-bottom:24px;padding-left:20px;border-left:3px solid var(--extrovert-line)}.extrovert-editorial .extrovert-sources{list-style:none;margin:0;padding:0}.extrovert-editorial .extrovert-sources li{position:relative;padding-left:16px;margin:0 0 20px}.extrovert-editorial .extrovert-sources li::before{content:'';position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--extrovert-accent);border-radius:50%}.extrovert-editorial .extrovert-sources a{color:var(--extrovert-ink);text-decoration:underline;text-underline-offset:3px}.extrovert-editorial .extrovert-sources p{color:#586570;font-size:.9rem;margin:0}@media (max-width: 600px){.extrovert-editorial h2{font-size:1.3rem}.extrovert-editorial .extrovert-flow{grid-template-columns:1fr;gap:16px}.extrovert-editorial .extrovert-step{display:grid;grid-template-columns:108px 1fr;column-gap:16px;text-align:left}.extrovert-editorial .extrovert-flow-art{grid-row:span 2;margin:0;height:108px}.extrovert-editorial .extrovert-step h3{align-self:end}.extrovert-editorial .extrovert-step p{grid-column:2}.extrovert-editorial .extrovert-sheet{width:84px;padding:6px}.extrovert-editorial .extrovert-answer{gap:5px}.extrovert-editorial .extrovert-score{width:82px}.extrovert-editorial .extrovert-arrow{padding:0}.extrovert-editorial .extrovert-arrow i{transform:rotate(90deg)}.extrovert-editorial .extrovert-spectrum{padding:20px}.extrovert-editorial .extrovert-spectrum-labels{gap:12px}.extrovert-editorial .extrovert-spectrum-labels p{font-size:.9rem;line-height:1.7}.extrovert-editorial .extrovert-traits,.extrovert-editorial .extrovert-differences{grid-template-columns:1fr;gap:16px}.extrovert-editorial .extrovert-trait,.extrovert-editorial .extrovert-differences article{padding:20px}.extrovert-editorial .extrovert-level{grid-template-columns:1fr;gap:12px}.extrovert-editorial .extrovert-level h3{text-align:center}.extrovert-editorial .extrovert-level-meter{width:90px;padding:0;margin:0 auto}}
