#recordConnections{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:1}
.record-link path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.record-link-halo{stroke:#fffdf2;stroke-width:6px;opacity:.9}
.record-link-stroke{stroke:#467c70;stroke-width:2.5px}
.record-link.period .record-link-stroke{stroke:#a67e37;stroke-dasharray:7 5}
.record-link circle{fill:#467c70;stroke:#fff9e9;stroke-width:2px;vector-effect:non-scaling-stroke}
.record-link.period circle{fill:#a67e37}
body[data-design=tree] .historical-event-card.record-selected{outline:3px solid #467c70;outline-offset:4px;background:#f1f5e8}
.person-node.change-connection{outline:3px solid #467c70;outline-offset:5px}
.balance-person.record-person-connected{outline:2px solid #467c70;outline-offset:2px;background:#edf3e7!important}
.ordered-lane.records{border-left:2px solid #9d8c6055;background:#a7966408}
.record-map-navigation{position:absolute;top:18px;right:20px;display:flex;gap:4px;z-index:3;background:#f8f5e9ec;border:1px solid #b7bca6;border-radius:4px;padding:3px}
.record-map-navigation button{font-size:12px;padding:7px 9px;color:#526748;border:0;background:transparent}
.record-map-navigation button:hover{background:#e4ead9}
.record-map-navigation button:focus-visible{outline:2px solid #467c70}
.record-link-guide{font-size:12px;line-height:1.7;color:#617157;display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 18px}
.record-link-guide span::before{content:'';display:inline-block;width:22px;border-top:2px solid #467c70;margin:0 6px 3px 0}
.record-link-guide span:first-child::before{border-color:#a67e37;border-top-style:dashed}
.has-record-selection #status{top:64px;max-width:330px}
@media(max-width:600px){.record-map-navigation{top:65px;right:10px}.record-map-navigation button{font-size:10px;padding:6px}.has-record-selection #status{top:auto}}

.change-card .change-head{gap:3px}
.change-card .change-head b{margin:2px 0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
.change-card .change-head em{flex-shrink:0;padding-top:0;min-height:14px}
.map-change:not(.has-art){padding:6px;box-sizing:border-box;min-height:48px}

.map-change:not(.has-art){padding:4px 5px;min-height:0;gap:2px}
.map-change:not(.has-art) small{font-size:9px;line-height:1.1}
.map-change:not(.has-art) b{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#viewport.zoom-record-overview .map-change:not(.has-art) b{-webkit-line-clamp:1;font-size:10px}
.map-event.record-selected{outline:2px solid #467c70;outline-offset:2px;background:#edf3e7}

.record-map-navigation{flex-wrap:wrap;max-width:240px}
.record-map-legend{display:none;flex-basis:100%;font-size:10px;color:#66745b;padding:4px 7px;white-space:nowrap}
.has-record-selection .record-map-legend{display:block}
.record-map-legend i{display:inline-block;width:16px;border-top:2px solid #467c70;margin:0 4px 3px 5px}
.record-map-legend i:first-child{border-top-style:dashed;border-color:#a67e37}

.time-heading #activeYear.period-label{font-size:18px;line-height:1.4;letter-spacing:-.5px}