/* The "who you are" questionnaire in Settings. Pills for the picks, a growing
   box for the open question, one progress line. Tokens only, both themes. */
.prof{margin-bottom:14px}
.prof-why{color:var(--mute);font-size:13px;line-height:1.55;max-width:72ch}
.prof-head{display:flex;align-items:center;gap:12px;margin:14px 0 2px}
.prof-head .bar{flex:1}
.prof-head small{font:800 10px/1 var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--mute);white-space:nowrap}

.prof-q{padding:15px 0;border-bottom:1px solid var(--line)}
.prof-q:last-child{border-bottom:0;padding-bottom:4px}
.prof-q b{display:block;font-size:14px;margin-bottom:3px}
.prof-q>small{display:block;color:var(--mute);font-size:12px;line-height:1.5;margin-bottom:10px}

.prof-opts{display:flex;flex-wrap:wrap;gap:8px}
.prof-pill{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--mute);font:700 13px/1 var(--sans);transition:.14s}
.prof-pill:hover{border-color:var(--hot);color:var(--ink);transform:translateY(-1px)}
.prof-pill.on{border-color:var(--hot);background:rgba(255,90,31,.12);color:var(--ink);box-shadow:0 6px 18px rgba(255,90,31,.16)}

.prof-text{width:100%;min-height:64px;max-height:260px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;resize:none;overflow:auto}
.prof-text:focus{outline:2px solid rgba(255,90,31,.5);outline-offset:1px}

.prof-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.prof-foot small{color:var(--mute);font-size:12px}
.prof-err{color:var(--bad);font-size:13px;padding:12px 0;line-height:1.5}
@media(max-width:700px){.prof-foot .btn{width:100%}}