/* Shared content, with palettes inherited from each independent layout. */
.personality-profile{--persona:#547b61;--persona-rgb:84,123,97;display:flex;flex-wrap:wrap;gap:8px;position:relative;margin:-7px 0 26px;max-width:100%}
.personality-profile .profile-personality{position:static;margin:0;max-width:100%}
.personality-profile .profile-personality[open]{z-index:101}
.personality-profile [data-personality=enneagram]{--persona:#907144;--persona-rgb:144,113,68}
.personality-profile [data-personality=mbti]{--persona:#88709f;--persona-rgb:136,112,159}
.personality-profile .profile-personality summary{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(var(--persona-rgb),.25);background:rgba(var(--persona-rgb),.06);color:var(--persona);gap:9px;min-height:52px;padding:8px 12px;border-radius:13px;letter-spacing:0;transition:transform .3s,box-shadow .3s,border-color .3s}
.personality-profile summary::after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 35%,rgba(var(--persona-rgb),.18),transparent 65%);transform:translateX(-110%);pointer-events:none;z-index:-1}
.personality-profile summary:hover,.personality-profile details[open] summary{transform:translateY(-3px);border-color:var(--persona);box-shadow:0 6px 22px rgba(var(--persona-rgb),.15)}
.personality-profile details[open] summary::after{animation:persona-sheen .85s ease both}
.personality-profile summary>span{display:grid;gap:1px;line-height:1.5}
.personality-profile summary small{font-size:9px;letter-spacing:1px;opacity:.8}
.personality-profile summary b{font-size:11px;letter-spacing:.3px;font-weight:650}
.personality-profile summary em{font-style:normal;font-weight:400;font-size:10px}
.personality-glyph{font-style:normal;font-size:23px;line-height:1;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.personality-profile details[open] .personality-glyph{transform:rotate(90deg)}
.personality-profile .profile-popover{width:min(370px,calc(100vw - 32px));left:0;right:auto;padding-top:10px;z-index:1000}
.personality-profile .profile-card{position:relative;overflow:auto;overscroll-behavior:contain;max-height:min(620px,calc(100dvh - 44px));border-radius:19px;padding:23px;box-shadow:0 22px 60px #15241b26,0 0 0 1px rgba(var(--persona-rgb),.12);border-top:3px solid var(--persona);background:var(--paper,#faf8f1)}
.personality-profile details[open] .profile-card{animation:persona-reveal .35s cubic-bezier(.2,.8,.2,1) both}
.personality-profile .profile-card h3{font-family:var(--serif);font-size:23px;line-height:1.4;margin:0 0 7px}
.personality-profile .profile-card .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:16px}
.personality-profile .personality-lead{font-size:12px;color:var(--persona);margin-bottom:18px}
.personality-profile .profile-card dt{color:var(--persona);font-size:12px;display:flex;gap:8px;align-items:center}
.personality-profile .profile-card dd{font-size:12px;line-height:1.8}
.personality-profile .profile-card dt em{margin-left:auto;font-style:normal;font-size:10px;padding:0 7px;border-radius:5px;background:rgba(var(--persona-rgb),.1)}
.personality-profile .profile-card dt b{font:600 15px Georgia,serif;width:15px}
.personality-profile .profile-card dl>div+div{margin-top:11px;padding-top:11px}
.personality-profile details[open] dl>div{animation:persona-row .45s both}
.personality-profile details[open] dl>div:nth-child(2){animation-delay:.05s}.personality-profile details[open] dl>div:nth-child(3){animation-delay:.1s}.personality-profile details[open] dl>div:nth-child(4){animation-delay:.15s}.personality-profile details[open] dl>div:nth-child(5){animation-delay:.2s}
.trait-meter{display:flex;gap:4px;margin-top:7px}.trait-meter i{height:3px;flex:1;border-radius:2px;background:rgba(var(--persona-rgb),.13)}
.trait-meter i:first-child,.trait-meter[data-level=mid] i:nth-child(2),.trait-meter[data-level=high] i{background:var(--persona)}
.personality-profile .personality-footnote{border-top:1px solid rgba(var(--persona-rgb),.15);margin:18px 0 0;padding-top:11px;font-size:10px;line-height:1.7;color:var(--muted)}
.type-orbit{display:flex;align-items:center;gap:18px;margin:0 0 20px;color:var(--persona)}.type-orbit b{display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(var(--persona-rgb),.3);border-radius:50%;font:30px Georgia,serif;background:rgba(var(--persona-rgb),.06)}.type-orbit b:last-child{width:42px;height:42px;font-size:23px}
.type-letters{display:flex;gap:7px;margin:0 0 20px}.type-letters span{display:grid;place-items:center;width:48px;height:53px;background:rgba(var(--persona-rgb),.07);border:1px solid rgba(var(--persona-rgb),.2);border-radius:10px;color:var(--persona);font:27px Georgia,serif}.type-letters span:nth-child(3){background:var(--persona);color:#fff;transform:rotate(-7deg)}
.workspace .profile-title{flex-wrap:wrap}.workspace .personality-profile{--persona:#517cdf;--persona-rgb:81,124,223;width:100%;margin:2px 0 5px;gap:6px}.workspace .personality-profile .profile-personality{flex:1}.workspace .personality-profile [data-personality=big-five]{flex-basis:100%}.workspace .personality-profile summary{padding:7px 9px;min-height:48px}.workspace .personality-profile [data-personality=big-five] summary>span{display:flex;align-items:center;gap:10px}.workspace .personality-profile .profile-card{background:var(--desk-surface);color:var(--desk-ink);border-color:var(--desk-line);border-top-color:var(--persona)}.workspace .personality-profile h3{font-family:var(--sans);font-size:21px}.workspace .personality-footnote{color:var(--desk-muted)}
:root[data-theme=dark] .personality-profile{--persona:#92b998;--persona-rgb:146,185,152}:root[data-theme=dark] .workspace .personality-profile{--persona:#90b0ff;--persona-rgb:144,176,255}:root[data-theme=dark] .personality-profile [data-personality=enneagram]{--persona:#d8b67e;--persona-rgb:216,182,126}:root[data-theme=dark] .personality-profile [data-personality=mbti]{--persona:#bba4df;--persona-rgb:187,164,223}
@keyframes persona-sheen{to{transform:translateX(110%)}}@keyframes persona-reveal{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}@keyframes persona-row{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.personality-profile{gap:6px}.personality-profile summary{padding:7px 9px}.personality-profile .profile-card{padding:19px}.personality-profile summary b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.personality-profile *,.personality-profile *::after{animation:none!important;transition:none!important}.personality-profile summary:hover,.personality-profile details[open] summary,.personality-profile details[open] .personality-glyph{transform:none}}
:root:not(.js-enabled) .personality-profile .profile-personality[open]{flex-basis:100%;width:100%}
:root:not(.js-enabled) .personality-profile .profile-popover{position:static;width:100%}
:root:not(.js-enabled) .personality-profile summary{transform:none;transition:none}