/* Selected story connections retain their screen thickness at every map scale. */
#workConnections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}
.selected-work-link path{fill:none;vector-effect:none;stroke-linejoin:round;stroke-linecap:round}
.work-link-halo{stroke:#fffbed;stroke-width:calc(10px / var(--map-zoom,1));opacity:.96}
.work-link-stroke{stroke:#247b69;stroke-width:calc(5px / var(--map-zoom,1));opacity:1}
.selected-work-link.background .work-link-stroke{stroke:#9c6d24;stroke-dasharray:calc(10px / var(--map-zoom,1)) calc(7px / var(--map-zoom,1))}
.selected-work-link.motif .work-link-stroke{stroke:#896181;stroke-dasharray:calc(2px / var(--map-zoom,1)) calc(7px / var(--map-zoom,1))}
.selected-work-link circle{fill:#247b69;stroke:#fffbed;stroke-width:calc(2px / var(--map-zoom,1));r:calc(4px / var(--map-zoom,1))}
.selected-work-link.background circle{fill:#9c6d24}.selected-work-link.motif circle{fill:#896181}
body.has-work-selection #edges .edge.work{opacity:.13}
body.has-work-selection #nodes .person-node.work-person-connected{outline:3px solid #247b69;outline-offset:5px}
#mapLabels .balance-person.work-person-connected{outline:3px solid #247b69;outline-offset:2px;background:#edf5e8!important}
.work-reading section{margin:21px 0}.work-reading h3{font-size:14px;color:#52674b;margin:0 0 9px;line-height:1.5}
.work-reading p{font-size:14px;line-height:1.9;margin:0;word-break:keep-all;overflow-wrap:anywhere;color:#4d5845}
.work-reading .work-caveat{padding:12px;border-left:2px solid #b3a28a;background:#eee8da;font-size:12px}
.work-history-connections{display:grid;gap:8px;margin:10px 0 18px}
.work-history-connections button{display:block;width:100%;text-align:left;padding:12px;background:#eff3e7;border:1px solid #b8c6aa;border-left:4px solid #247b69;line-height:1.7;white-space:normal}
.work-history-connections button.background{border-left-color:#9c6d24;background:#f5eee0}.work-history-connections button.motif{border-left-color:#896181;background:#f1e8ef}
.work-history-connections b{display:block;font-size:14px;color:#3e5947}.work-history-connections small{display:block;font-size:11px;color:#75816b;margin:4px 0}.work-history-connections span{display:block;font-size:12px;color:#56634f}
.work-line-key{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:11px;line-height:1.7;color:#69745e;margin:10px 0}
.work-line-key span:before{content:'';display:inline-block;width:22px;border-top:3px solid #247b69;margin:0 6px 3px 0}.work-line-key .background:before{border-color:#9c6d24;border-top-style:dashed}.work-line-key .motif:before{border-color:#896181;border-top-style:dotted}
.work-questions{padding-left:18px;font-size:13px;line-height:1.85;color:#52614b}.work-questions li{margin-bottom:8px}
.work-reading-sources{margin-top:22px;border-top:1px solid #d6d4bf;padding-top:14px}.work-reading-sources a{display:block;font-size:11px;line-height:1.8;margin-bottom:7px;overflow-wrap:anywhere}
@media(max-width:600px){.work-reading p{font-size:14px;line-height:1.85}.work-history-connections button{min-height:48px}}
