#synapse-trigger{position:static;z-index:2}   /* its look is in tp-map.css, the one place */
#synapse-dialog{position:fixed;inset:0;width:min(460px,calc(100vw - 48px));height:fit-content;max-height:min(520px,calc(100dvh - 64px));margin:auto;padding:14px 16px 12px;border:1px solid #b6c5ca;border-radius:8px;background:#f7f4ee;color:#233c49;overflow:auto}
#synapse-dialog::backdrop{background:#071d2b99}
.tp-bar{display:flex;align-items:center;justify-content:space-between}
.tp-bar h2{margin:0;font:22px/1 Georgia,'Times New Roman',serif;color:#1a3f6e}
.tp-bar button{border:0;background:transparent;color:#215c6c;font:13px/1 Arial,Helvetica,sans-serif;padding:4px 0}
.tp-project{margin:4px 0 8px;color:#526d79;font:13px/1.3 Georgia,'Times New Roman',serif}
.tp-map{position:relative;width:min(280px,100%);margin:0 auto;aspect-ratio:1}
.tp-map svg{position:absolute;inset:8%;width:84%;height:84%;overflow:visible;pointer-events:none}
.tp-map path{fill:none;stroke:#b7c6cb;stroke-width:.6}
.tp-circle,.tp-center{position:absolute;transform:translate(-50%,-50%);display:grid;place-content:center;border-radius:50%;text-align:center;padding:6px;color:#243f4c}
.tp-circle{left:var(--x);top:var(--y);width:30%;aspect-ratio:1;border:1px solid #8fa9b2;background:#e7eef0;font:11px/1.15 Georgia,'Times New Roman',serif}
.tp-center{left:50%;top:50%;width:24%;aspect-ratio:1;border:1px solid #b69660;background:#ead9b4;font:13px/1.1 Georgia,'Times New Roman',serif}
.tp-circle:hover,.tp-circle[aria-pressed=true]{border-color:#947440;background:#f3efe6}
.tp-find{display:block;margin:10px 0 4px;font:12px/1.2 Georgia,'Times New Roman',serif;color:#1a3f6e}
#synapse-search{width:100%;border:0;border-bottom:1px solid #d5dee2;background:transparent;font:14px/1.4 Georgia,'Times New Roman',serif;color:#172a33}
#synapse-items{max-height:120px;overflow:auto;margin-top:8px}
.synapse-list-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.synapse-list-heading h3{margin:0;font:16px/1.2 Georgia,'Times New Roman',serif}
.synapse-records{border-top:1px solid #d4dfe2}
.synapse-record{border-bottom:1px solid #d4dfe2}
.synapse-record>button:first-child{width:100%;background:none;border:0;padding:8px 2px;text-align:left;color:#254550}
.synapse-record strong{display:block;font:15px/1.3 Georgia,'Times New Roman',serif}
.synapse-record small{color:#617b85;font-size:11px}
.tp-status{margin:8px 0 0;color:#6a7f88;font:11px/1.3 Georgia,'Times New Roman',serif}
#synapse-dialog.tp-held-map .tp-find,#synapse-dialog.tp-held-map #synapse-search,#synapse-dialog.tp-held-map #synapse-items,#synapse-dialog.tp-held-map .tp-status{display:none}