/* Goal-specific Trait comparisons share the page's existing form styling. */
.trait-picker[hidden],[data-trait-picker-link][hidden],.trait-target-note[hidden]{display:none}
.trait-picker h2{margin:0 0 16px;font-size:28px}
.trait-picker .trait-method{font-size:13px;color:var(--muted)}
.trait-advice,.trait-comparison{padding:18px;background:#eef7fb;border:1px solid #c9dfec;border-radius:10px;margin:20px 0;font-size:14px;overflow-wrap:anywhere}
.trait-bands{list-style:none;padding:0;margin:22px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px}
.trait-bands li{display:grid;grid-template-columns:85px minmax(0,1fr);gap:4px 14px;padding:12px 15px;margin:0;border-top:1px solid var(--line)}
.trait-bands li:first-child{border-top:0}
.trait-bands li:nth-child(even){background:#f1f7fd}
.trait-bands strong{grid-row:1/3;color:var(--blue);font-size:12px;align-self:center}
.trait-bands span{font-variant-numeric:tabular-nums;font-weight:750}
.trait-bands small{font-size:13px;line-height:1.55}
.trait-picker .trait-target{margin-top:24px}
.trait-picker .trait-actions{margin-top:18px}
.trait-target-note{padding:15px 18px;border-left:4px solid #248dae;background:#eef7fb;font-size:14px;overflow-wrap:anywhere}
@media(max-width:600px){.trait-picker h2{font-size:25px}.trait-bands li{grid-template-columns:60px minmax(0,1fr);gap:3px 10px;padding:11px}.trait-bands small{font-size:12px}.trait-advice,.trait-comparison{padding:14px}.trait-actions .button{width:100%}}