.folio{font:500 12px/1.5 var(--sans);letter-spacing:.16em;color:var(--muted)}
.profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.profile-heading h3{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.35;margin:12px 0 0}.profile-stamp{border:1px solid var(--accent);color:var(--accent);padding:9px 6px;font-family:var(--serif);font-size:12px;line-height:1.5;flex:none;transform:rotate(4deg);border-radius:3px}.profile-intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:42em;margin:20px 0}.profile-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:center}.radar-paper{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:18px 18px;border-radius:2px}.trait-radar{width:100%;height:auto;display:block;overflow:visible}.radar-grid{fill:none;stroke:var(--line);stroke-width:1}.radar-shape{fill:var(--accent-soft);fill-opacity:.75;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;animation:profileIn .7s ease both;transform-origin:50% 50%}.radar-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2}.radar-label{font-family:var(--sans);font-size:14px;fill:var(--ink)}.radar-caption{text-align:center;font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 16px}.trait-list{display:flex;flex-direction:column}.trait-row{display:grid;grid-template-columns:64px 1fr 52px;align-items:center;gap:14px;background:none;border:0;border-bottom:1px solid var(--line);min-height:56px;text-align:left;font:500 14px var(--sans);color:var(--muted);padding:8px 4px;cursor:pointer}.trait-row[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.trait-row:hover{background:var(--accent-soft)}.trait-ticks{display:flex;gap:4px}.trait-ticks i{height:7px;flex:1;background:var(--line)}.trait-ticks .filled{background:var(--ink)}.trait-row[aria-pressed=true] .filled{background:var(--accent)}.trait-value{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.trait-detail{margin-top:24px;padding:26px 0 10px;border-top:1px solid var(--ink)}.trait-detail h4{font:500 20px/1.65 var(--serif);margin:12px 0}.trait-detail>p:not(.folio),.profile-method p{font-size:14px;line-height:1.85;color:var(--muted);margin:10px 0}.trait-poles{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5;margin:20px 0;color:var(--muted)}.trait-poles:before{content:'←';order:1}.trait-poles:after{content:'→';order:2}.trait-poles span:last-child{order:3}.trait-detail summary,.profile-method summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:13px;color:var(--accent);padding:12px 0}.trait-evidence{margin:14px 0;padding-left:12px;border-left:2px solid var(--line);font-size:14px;line-height:1.8}.trait-evidence b{display:block;font-size:12px;color:var(--accent);margin-bottom:4px}.trait-evidence small{display:block;color:var(--muted);font-size:12px;margin-top:6px;overflow-wrap:anywhere}.profile-method{border-top:1px solid var(--line);margin-top:16px}.profile-method summary{color:var(--muted)}.trait-insufficient{font-style:italic}.trait-profile{padding:28px 0}.profile-preview{max-width:920px;margin:0 auto}
@keyframes profileIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media(max-width:600px){.profile-grid{grid-template-columns:1fr;gap:12px}.radar-paper{max-width:360px;width:100%;margin:auto}.trait-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.trait-row{grid-template-columns:1fr auto;gap:7px;min-height:67px}.trait-ticks{grid-column:1/-1;grid-row:2}.trait-value{grid-column:2;grid-row:1}.trait-detail h4{font-size:19px}.profile-heading h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.radar-shape{animation:none}}

.profile-context{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.profile-context button{min-height:44px;font:400 14px var(--sans);padding:9px 18px;color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;cursor:pointer}.profile-context button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.trait-next{border-left:2px solid var(--accent);padding:4px 0 4px 18px;margin:24px 0}.trait-next>span{font-size:11px;color:var(--accent);letter-spacing:.1em}.trait-next>p{font-size:14px;line-height:1.9;margin:10px 0 0;color:var(--ink)}

/* A position between two styles, not a strength meter. */
.profile-key{border-left:2px solid var(--accent);padding:2px 0 2px 16px;margin:24px 0 30px;max-width:46em}.profile-key strong{font-size:15px;font-weight:600}.profile-key p{font-size:14px;line-height:1.85;color:var(--muted);margin:8px 0 0}.radar-number{font:10px var(--sans);fill:var(--muted)}
.trait-profile .trait-row,.profile-preview .trait-row,.trait-row{grid-template-columns:1fr auto;gap:5px 12px;padding:14px 10px;min-height:76px}.trait-name{color:var(--ink)}.trait-row[aria-pressed=true]{background:var(--accent-soft)}.trait-row[aria-pressed=true] .trait-name{color:var(--accent)}.trait-value{grid-column:2;grid-row:1;font-size:14px}.trait-direction{grid-column:1/-1;font-size:12px;line-height:1.6;font-weight:400}.trait-row:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.trait-position{margin:28px 0 30px;max-width:600px}.trait-scale{position:relative;display:flex;justify-content:space-between;margin:0 14px 30px}.trait-scale:before{content:'';position:absolute;top:15px;left:0;right:0;height:1px;background:var(--line)}.trait-scale>span{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.trait-scale .is-current{background:var(--accent);color:var(--bg);border-color:var(--accent)}.trait-scale small{position:absolute;top:37px;white-space:nowrap;font-size:11px;color:var(--accent)}.trait-endpoints{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.trait-endpoints span:last-child{text-align:right}
.trait-tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-block:1px solid var(--line)}.trait-tradeoffs>div>span,.trait-example-label{font-size:12px;letter-spacing:.06em;color:var(--accent)}.trait-tradeoffs p{font-size:15px;line-height:1.85;margin:8px 0 0;color:var(--ink)}.trait-situation{padding-top:26px}.trait-situation .profile-context{margin-bottom:20px}.trait-example{font-size:16px;line-height:1.9;color:var(--ink);margin:8px 0}.trait-next{margin:20px 0}.trait-next>p{font-size:15px}.trait-detail>p.trait-mixed{font-size:12px}.trait-detail h4{font-size:clamp(21px,2vw,26px);line-height:1.65;max-width:30em}
@media(max-width:600px){.trait-tradeoffs{grid-template-columns:1fr;gap:18px}.trait-profile .trait-row,.trait-row{padding:12px 6px;gap:6px;min-height:84px}.trait-direction{font-size:11px}.trait-name{font-size:13px}.trait-value{font-size:12px}.trait-position{margin-inline:0}.profile-key{margin:22px 0}.profile-context button{padding-inline:14px}}
/* Keep selection and explanation together, at every viewport width. */
.trait-profile{padding:0}.radar-overview{border-block:1px solid var(--line);margin-bottom:12px}.radar-overview>summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:13px;color:var(--accent)}.radar-overview .radar-paper{max-width:300px;margin:0 auto 16px}.trait-accordion{display:block}.trait-item{border-bottom:1px solid var(--line)}.trait-accordion .trait-row{width:100%;min-height:70px;padding:14px 0;border:0;color:var(--ink);background:none;grid-template-columns:1fr auto;gap:6px}.trait-row[aria-expanded=true]{color:var(--accent)}.trait-row[aria-expanded=true] .trait-name{color:var(--accent)}.trait-accordion .trait-name{font-size:16px}.trait-accordion .trait-value{font-size:18px}.trait-accordion .trait-direction{font-size:12px;color:var(--muted)}.trait-accordion .trait-detail{margin:0;padding:0 0 18px;border:0}.trait-detail>p.trait-meaning{font:500 18px/1.7 var(--serif);color:var(--ink);margin:8px 0 16px}.trait-mini-scale{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid var(--line);padding:12px 0;font-size:12px;color:var(--muted);margin-bottom:18px}.trait-mini-scale b{font:500 16px var(--sans);color:var(--accent);white-space:nowrap}.trait-accordion .profile-context{margin:0 0 12px;gap:4px}.trait-accordion .profile-context button{min-height:40px;padding:8px 24px;border-radius:6px;font-size:13px}.trait-accordion .trait-example{font-size:15px;line-height:1.8;margin:12px 0 16px}.trait-more p{font-size:14px;line-height:1.8;margin:12px 0}.trait-more b{display:block;font-size:12px;color:var(--accent);margin-bottom:4px}.trait-more>summary,.trait-sources>summary{font-size:12px;min-height:40px;padding:8px 0}.trait-profile .profile-intro{font-size:14px;line-height:1.7;margin:12px 0 18px}.profile-heading h3{font-size:26px}.trait-profile .profile-method{margin-top:18px}
