/* Score bands, subgenre breakdown and Good fit / Not a fit controls. */
.match-band{display:inline-flex;align-items:center;align-self:center;padding:3px 9px;border:1px solid var(--line);border-radius:2px;font:600 12px/1.3 var(--body);letter-spacing:.02em;white-space:nowrap;cursor:help}
.match-band[data-band=strong]{background:#e1ead7;border-color:#6f8a5c;color:#2f4a28}
.match-band[data-band=possible]{background:#f1e8cf;border-color:#b39a5a;color:#5d4a1c}
.match-band[data-band=unlikely]{background:#ece9e1;border-color:#a6a294;color:#55574f}
.creator-card-heading .match-band{margin-left:6px}
.fit-feedback{display:inline-flex;gap:8px;flex-wrap:wrap}
.fit-feedback .fit-button{border:1px solid var(--frame);border-radius:4px;background:var(--surface);color:var(--ink);padding:6px 12px;min-height:34px;font-size:13px;font-weight:600;cursor:pointer}
.fit-feedback .fit-button:hover{background:#efe9d8}
.fit-feedback .fit-button:focus-visible{outline:2px solid #796125;outline-offset:2px}
.fit-feedback .fit-button[aria-pressed=true]{background:#3c5147;border-color:#3c5147;color:#fff}
.fit-feedback .fit-button[data-fit=bad][aria-pressed=true]{background:#7a3f2f;border-color:#7a3f2f}
.fit-feedback .fit-button:disabled{opacity:.6;cursor:progress}
.fit-feedback-panel{margin:18px 0;padding:16px 18px;border:1px solid var(--line);background:var(--surface)}
.fit-feedback-panel h3{margin:0 0 6px}
.fit-feedback-panel .form-field{margin-top:12px}
.fit-feedback-panel #save-fit-reason{margin-top:8px}
.fit-feedback-panel #fit-status{margin-left:10px;font-size:13px;color:var(--muted)}
.genre-breakdown{margin:16px 0;padding:14px 16px;border-left:4px solid #6f8a5c;background:#f3f1e7}
.genre-breakdown h4{margin:0 0 6px}
.genre-breakdown p{margin:6px 0;line-height:1.55}
.genre-tag small{font-size:10px;color:var(--muted);margin-left:4px}
.genre-secondary{opacity:.85}
.video-genres{margin:2px 0;font-size:12px;color:#3c5147}
.genre-edit{border:1px solid var(--line);padding:12px 14px;margin:14px 0}
.genre-edit legend{font-weight:650;padding:0 6px}
.genre-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:8px}
.genre-select select{width:100%}