/* Strengths (/strengths/): builds on assets/personality.css and assets/interests.css */
#stArm{width:150px;height:150px}
.st-k{margin:0 0 .3rem !important;font-size:.82rem !important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a9b6c8 !important}
.st-top{margin:0 0 .8rem;padding-left:1.3rem;display:grid;gap:.15rem}
.st-top li{font:400 1.25rem/1.25 "Instrument Serif",Georgia,serif;color:var(--frost)}
.st-top li::marker{font:600 .85rem Inter,sans-serif;color:var(--cyan)}
.st-vir{list-style:none;margin:0;padding:.6rem 1rem;display:grid;gap:.45rem;border-radius:18px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.08)}
.st-vir li{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:.8rem;font-size:.95rem;color:#cbd5e1}
.st-vir li.top{color:var(--frost);font-weight:600}
.st-vir li.top .ip-bar i{background:linear-gradient(90deg,rgba(103,232,249,.5),var(--cyan))}
.st-row summary{grid-template-columns:1.6rem 11rem minmax(0,1fr)}
.st-rank{color:#a9b6c8;font-weight:700;font-size:.9rem}
.pr-rows>li:nth-child(-n+5) .st-rank{color:var(--cyan)}
.pr-rows>li:nth-child(-n+5) .ip-bar i{background:linear-gradient(90deg,rgba(103,232,249,.5),var(--cyan))}
@media(max-width:520px){#stArm{width:110px;height:110px}.st-row summary{grid-template-columns:1.4rem 9.6rem minmax(0,1fr)}.st-top li{font-size:1.1rem}}
/* the Values page reuses these */
#vlArm{width:150px;height:150px}
.vl-hi,.vl-mf{margin-bottom:.8rem}
.vl-rows{margin-top:.6rem}
.vl-lean{margin-top:1rem}
@media(max-width:520px){#vlArm{width:110px;height:110px}}
.vl-hi li,.vl-mf li{grid-template-columns:10.5rem 1fr}
@media(max-width:520px){.vl-hi li,.vl-mf li{grid-template-columns:9rem 1fr;font-size:.9rem}}
/* Motivation & goals, Behavior, Life story (assets/facet-kit.js) */
.k-arms{display:flex;gap:.2rem}.k-arms canvas{width:75px;height:150px}
canvas.k-one{width:150px;height:150px}
.k-text{width:100%;min-height:7rem;resize:vertical;font:inherit;line-height:1.5}
@media(max-width:520px){.k-arms canvas{width:55px;height:110px}canvas.k-one{width:110px;height:110px}}
.st-k.k-gap{margin-top:.9rem !important}

/* the deeper insights (assets/strengths-insights.js) */
.st-combo{margin:1rem 0 .4rem;padding:1rem 1.1rem;border-radius:16px;background:linear-gradient(135deg,rgba(167,139,250,.14),rgba(103,232,249,.08));border:1px solid rgba(196,181,253,.3)}
.st-combo-k{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c4b5fd}
.st-combo h3{margin:.15rem 0 .35rem;font:400 2rem/1.1 "Instrument Serif",Georgia,serif;color:var(--frost)}
.st-combo p{margin:0 0 .5rem;color:#e2e8f0;line-height:1.55}.st-combo .st-combo-f{color:#a9b6c8;font-size:.88rem}
.st-share{min-height:36px;padding:.4rem 1rem;font-size:.88rem}
.st-life .st-sum{margin-left:auto;color:#a9b6c8;font-size:.82rem;font-weight:500}
.st-more h4{margin:.7rem 0 .3rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a9b6c8}.st-more h4:first-child{margin-top:.2rem}
.st-more ul{margin:0;padding-left:1.1rem;color:#e2e8f0;line-height:1.55}.st-more p{margin:0;color:#e2e8f0;line-height:1.55}
.st-more dl{margin:0;display:grid;gap:.3rem}.st-more dl div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem}
.st-more dt{color:#a9b6c8;font-size:.88rem}.st-more dd{margin:0;color:#e2e8f0}
@media(max-width:560px){.st-life .st-sum{display:none}.st-more dl div{grid-template-columns:1fr}}
.st-life summary{grid-template-columns:auto minmax(0,1fr)}.st-life summary .pr-row-n{justify-self:start;text-align:left}

/* More ways to explore (assets/strengths-play.js) */
.sp-card{margin-top:12px}
.sp-need{color:#a9b6c8}
.sp-link{display:block;font:500 .78rem/1.35 ui-monospace,Menlo,monospace;color:#cbd5e1;word-break:break-all}
.sp-dots{display:inline-flex;gap:4px;margin-left:.4rem;vertical-align:middle}.sp-dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid #64748b}
.sp-dots i.on{background:var(--cyan);border-color:var(--cyan)}.sp-dots i.now{border-color:var(--cyan)}
.sp-ok{color:var(--cyan);font-weight:600;font-size:.88rem;white-space:nowrap}
.sp-q .sp-help{color:#cbd5e1;line-height:1.55;margin:0 0 .7rem}
.sp-text{width:100%;margin-bottom:.4rem;font:inherit}
.sp-count{margin:.2rem 0 0;color:#a9b6c8;font-size:.86rem}
.sp-tt{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.6rem;margin:.6rem 0 1rem}
.sp-tt-b{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:16px;border:1px solid rgba(248,250,252,.14);background:rgba(12,18,32,.75);color:#cbd5e1;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.sp-tt-b b{font:400 1.5rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}.sp-tt-b span{font-size:.9rem;line-height:1.45}
.sp-tt-b:hover,.sp-tt-b:focus-visible{border-color:var(--cyan);background:rgba(103,232,249,.1);outline:none}
.sp-or{align-self:center;color:#a9b6c8;font-style:italic}
@media(max-width:560px){.sp-tt{grid-template-columns:1fr}.sp-or{justify-self:center}}

/* Capabilities: pastimes that fit you and causes (assets/pursuits.js) */
.pu-list{list-style:none;margin:.6rem 0 1rem;padding:0;display:grid;gap:.7rem}
.pu-list li{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:rgba(12,18,32,.5)}
.pu-list b{color:var(--frost);font-size:1.02rem}.pu-list span{color:#c9d4e3;line-height:1.5}.pu-step{color:#a9b6c8!important;font-size:.92rem}.pu-step i{font-style:normal;color:#a5f3fc}
.pu-causes{margin:.4rem 0 1rem;padding-left:1.2rem;color:#c9d4e3;line-height:1.6}

/* your hobbies shelf (assets/pursuits.js) */
.pu-mine{margin:.4rem 0 .8rem;padding-left:1.4rem;color:#e2e8f0;display:grid;gap:.35rem}.pu-mine b{font-weight:600}.pu-mine small{margin-left:.5rem;color:#a9b6c8}
.pu-edit li{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.pu-edit span{display:flex;gap:.5rem;flex:none}
.pu-add{display:flex;gap:.5rem;margin:.6rem 0 1rem}.pu-add input{flex:1;min-width:0}
.pu-ah{margin:1rem 0 .4rem;font:600 .74rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a5f3fc}
