.four-temperaments-editorial{--ft-accent: #6860ab;--ft-line: #e6e3ed;line-height:1.8}.four-temperaments-editorial .ft-section{padding:32px 0;border-bottom:1px solid var(--ft-line)}.four-temperaments-editorial .ft-intro{padding-top:32px}.four-temperaments-editorial h2{display:flex;gap:12px;align-items:baseline;margin:0 0 20px;font-size:1.5rem;line-height:1.5;border:0;padding:0;background:none}.four-temperaments-editorial h3{margin:0 0 10px;font-size:1.125rem;line-height:1.6}.four-temperaments-editorial p{margin:0 0 16px}.four-temperaments-editorial p:last-child{margin-bottom:0}.four-temperaments-editorial .ft-number{color:var(--ft-accent);flex-shrink:0}.four-temperaments-editorial .ft-note{color:#62616b;font-size:.9rem}.four-temperaments-editorial .ft-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:10px;margin:28px 0}.four-temperaments-editorial .ft-step{min-width:0;text-align:center}.four-temperaments-editorial .ft-step p{text-align:left}.four-temperaments-editorial .ft-step-art{height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--ft-accent)}.four-temperaments-editorial .ft-flow-arrow{align-self:start;padding-top:50px;color:var(--ft-accent);font-size:1.3rem}.four-temperaments-editorial .ft-answer-sheet,.four-temperaments-editorial .ft-result-sheet{width:106px;padding:14px;border:2px solid #c8c1e1;border-radius:12px;background:#f6f4fc;box-shadow:5px 5px 0 #ece8f6}.four-temperaments-editorial .ft-answer-sheet>i,.four-temperaments-editorial .ft-result-sheet>i{font-size:2rem}.four-temperaments-editorial .ft-answer-line{height:5px;background:#d5cfe7;margin:14px 0;border-radius:5px}.four-temperaments-editorial .ft-answer-options{display:flex;gap:10px;justify-content:center}.four-temperaments-editorial .ft-answer-options span{width:17px;height:17px;border:2px solid #a29bc2;border-radius:50%}.four-temperaments-editorial .ft-answer-options .is-selected{background:var(--ft-accent);box-shadow:inset 0 0 0 3px #fff}.four-temperaments-editorial .ft-result-symbols{display:flex;justify-content:space-between}.four-temperaments-editorial .ft-mini-types{display:grid;grid-template-columns:repeat(2, 58px);gap:6px}.four-temperaments-editorial .ft-portrait{position:relative;overflow:hidden;aspect-ratio:600 / 630;border-radius:12px}.four-temperaments-editorial .ft-portrait img{position:absolute;width:200%;max-width:none;height:100%;left:-100%;top:0}.four-temperaments-editorial .ft-results-title{text-align:center}.four-temperaments-editorial .ft-results{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;list-style:none;padding:0;margin:16px 0 0}.four-temperaments-editorial .ft-results li{display:flex;gap:12px;align-items:center;background:#f6f4fb;padding:14px 16px;border-radius:10px}.four-temperaments-editorial .ft-results i{width:24px;text-align:center;color:var(--ft-accent)}.four-temperaments-editorial .ft-history{margin:24px 0 18px}.four-temperaments-editorial .ft-humors{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.four-temperaments-editorial .ft-humor{border-left:5px solid var(--ft-type);padding:10px 14px;background:#faf9fc}.four-temperaments-editorial .ft-humor strong,.four-temperaments-editorial .ft-humor span{display:block}.four-temperaments-editorial .ft-humor strong{color:var(--ft-ink)}.four-temperaments-editorial .ft-humor span{color:#62616b}.four-temperaments-editorial .ft-history-section{border-bottom:0;padding-bottom:0}.four-temperaments-editorial .ft-ad{margin:32px 0}.four-temperaments-editorial .ft-ad+.ft-section{border-top:1px solid var(--ft-line)}.four-temperaments-editorial .ft-types{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;margin-top:24px}.four-temperaments-editorial .ft-type{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--ft-base)}.four-temperaments-editorial .ft-type-heading{padding:24px 16px 20px;text-align:center;color:var(--ft-ink)}.four-temperaments-editorial .ft-type-heading .ft-portrait{width:176px;margin:0 auto 16px}.four-temperaments-editorial .ft-type-heading h3{font-size:1.25rem;margin-bottom:8px}.four-temperaments-editorial .ft-tagline{font-weight:bold}.four-temperaments-editorial .ft-type-body{margin:0 16px;padding:20px;border-radius:12px;background:#ffffffdf;flex:1}.four-temperaments-editorial .ft-type-body dl{margin:20px 0 0}.four-temperaments-editorial .ft-type-body dt{font-weight:bold;color:var(--ft-ink);margin-top:14px}.four-temperaments-editorial .ft-type-body dd{margin:4px 0 0}.four-temperaments-editorial .ft-type-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 24px;color:var(--ft-ink);font-weight:bold;text-decoration:none}.four-temperaments-editorial .ft-type-link:hover{background:var(--ft-type)}.four-temperaments-editorial a:focus-visible,.four-temperaments-editorial summary:focus-visible{outline:3px solid var(--ft-accent);outline-offset:-3px}.four-temperaments-editorial .ft-scenario{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:#f6f4fb;margin-bottom:20px}.four-temperaments-editorial .ft-scenario>i{font-size:2rem;color:var(--ft-accent)}.four-temperaments-editorial .ft-scenario h3{margin:0}.four-temperaments-editorial .ft-quotes{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:20px}.four-temperaments-editorial .ft-quote{border-left:5px solid var(--ft-type);padding:0 14px}.four-temperaments-editorial .ft-quote strong{color:var(--ft-ink)}.four-temperaments-editorial .ft-quote p{margin-top:8px}.four-temperaments-editorial .ft-reading article+article{margin-top:24px}.four-temperaments-editorial .ft-reading h3{color:var(--ft-accent)}.four-temperaments-editorial .ft-faq{border-bottom:1px solid var(--ft-line);padding:18px 0}.four-temperaments-editorial .ft-faq:last-child{border:0;padding-bottom:0}.four-temperaments-editorial .ft-faq summary{cursor:pointer;font-weight:bold}.four-temperaments-editorial .ft-faq p{margin-top:14px}.four-temperaments-editorial .ft-sources{border:0}.four-temperaments-editorial .ft-sources ul{list-style:none;padding:0;margin:0 0 20px}.four-temperaments-editorial .ft-sources li{position:relative;padding-left:16px}.four-temperaments-editorial .ft-sources li::before{content:'';position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:#62616b}.four-temperaments-editorial .ft-sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}.four-temperaments-editorial .ft-sources li p{font-size:.9rem;color:#62616b;margin:0}@media (max-width: 600px){.four-temperaments-editorial h2{font-size:1.3rem;gap:10px}.four-temperaments-editorial .ft-flow{grid-template-columns:1fr;gap:18px}.four-temperaments-editorial .ft-step{padding:20px;background:#faf9fd;border-radius:14px}.four-temperaments-editorial .ft-step-art{margin-bottom:12px}.four-temperaments-editorial .ft-flow-arrow{justify-self:center;padding:0;line-height:1;transform:rotate(90deg)}.four-temperaments-editorial .ft-results,.four-temperaments-editorial .ft-types,.four-temperaments-editorial .ft-humors,.four-temperaments-editorial .ft-quotes{grid-template-columns:1fr}.four-temperaments-editorial .ft-type-heading .ft-portrait{width:184px}.four-temperaments-editorial .ft-type-heading h3{font-size:1.2rem}.four-temperaments-editorial .ft-type-body{padding:18px}}
