.reference-details{flex:1;min-width:0}
.reference .person-reference{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:13px;font-weight:500}
.reference .person-reference input{width:17px;height:17px;margin:1px 0 0;flex-shrink:0;accent-color:var(--violet)}
.reference .person-reference span{min-width:0;overflow-wrap:anywhere}
.pencil-reference-note{padding:12px 14px;border-radius:10px;background:var(--violet-soft,#f2edff);line-height:1.6;font-size:13px}
.pencil-reference-note[hidden]{display:none}
.pencil-results{margin:14px 0;font-size:13px}
.pencil-results>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.pencil-results figure{margin:0;max-width:160px}
.pencil-results img{width:100%;max-height:180px;object-fit:contain;border:1px solid var(--line);border-radius:8px}
.pencil-results figcaption{margin-top:5px;line-height:1.5}
@media(max-width:600px){.reference .person-reference{font-size:12px}.reference-details select{padding:10px 7px}}