#searchForm { position:relative; }
#referenceThumb { position:absolute;left:16px;top:50%;transform:translateY(-50%);width:38px;height:38px;object-fit:contain;border-radius:5px;pointer-events:none; }
#searchForm[data-reference="true"] #query { padding-left:65px; }
.referenceInfo { color:#6b5a70;font-size:12px;margin:7px 14px;line-height:1.5; }
#branchTrail { display:flex;gap:9px;align-items:center;margin:9px 0; }
#branchTrail[hidden],#referenceInfo[hidden],#referenceThumb[hidden] { display:none; }
#branchTrail button,#branchSelect { min-height:44px;border:1px solid #d9d0dc;border-radius:14px;background:#fff9;color:#5d4e66;padding:8px 12px;font:inherit; }
#branchSelect { min-width:0;max-width:60%;flex:1;text-overflow:ellipsis; }
#fromHere { background:#efe7f4;border:1px solid #b9a5c5;color:#51415e; }
#fromHere:focus-visible,#branchTrail :focus-visible { outline:3px solid #89719f;outline-offset:3px; }
#points .referenceOrigin { outline:1px solid #a68cba88;outline-offset:4px; }
@media(max-width:480px) { #branchTrail { gap:5px; } #branchTrail button { font-size:12px; } #branchSelect { font-size:12px; } .decisions { flex-wrap:wrap; } #fromHere { flex-basis:100%;min-height:44px; } }