.life-date{white-space:nowrap}
.date-ng{display:inline-flex;align-items:center;justify-content:center;min-width:2.05em;height:1.22em;padding:0 .18em;border:1px solid currentColor;border-radius:0;background:transparent;font-size:.72em;font-weight:700;line-height:1;vertical-align:.08em}
.gn-mini{border-radius:0!important;font-size:8px!important;min-width:25px!important;height:15px!important;padding:0 3px!important}
.person-details-dates .date-ng,.search-result .date-ng{font-size:.72em;min-width:2.05em;height:1.22em}

/* R5: ujednačen N.G. i jasna podjela višestrukih brakova */
.date-ng{border-width:1px!important;border-style:solid!important;background:transparent!important}
.gn-mini{border-width:1px!important;border-style:solid!important;background:transparent!important}
.date-unknown-box{fill:transparent!important;stroke-width:1!important;filter:none!important}
.node:hover .date-unknown-box,.node:focus .date-unknown-box,.node.selected .date-unknown-box,.node.search-focus .date-unknown-box,
.side-node:hover .date-unknown-box,.side-node:focus .date-unknown-box,.side-node.selected .date-unknown-box,.side-node.search-focus .date-unknown-box{
  stroke-width:1!important;filter:none!important
}
.node.root .date-unknown-text{fill:#fff!important}
.marriage-label{
  font:800 10.5px Arial,sans-serif;
  fill:#5a4631;
  letter-spacing:.15px;
  pointer-events:none;
  paint-order:stroke;
  stroke:#f4f7fb;
  stroke-width:3px;
  stroke-linejoin:round
}
.marriage-child-label{font-size:10px}
.marriage-link{
  fill:none;
  stroke:#7c684f;
  stroke-width:1.35;
  stroke-dasharray:5 4;
  vector-effect:non-scaling-stroke;
  opacity:.92
}


/* R6: Matina sadržaj — puna širina završnog dijalog-boxa i sigurno prelamanje dugih šifri */
.branch-diagram-link{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.family-code-list{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.family-code-list strong{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
h3[data-person-code]{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* R7: završni Matina sadržaj poravnat s glavnim tekstualnim stupcem */
.family-code-list,
.public-privacy-note,
.branch-diagram-link,
.tree-note{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

.family-code-list{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.family-code-list strong{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.public-privacy-note{
  margin-top:18px!important;
  margin-bottom:18px!important;
  text-align:left!important;
  line-height:1.55!important;
}

.branch-diagram-link{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:30px!important;
  margin-bottom:18px!important;
  padding:18px 20px!important;
  border:1px solid #c8b78f!important;
  border-radius:12px!important;
  background:#fffaf0!important;
  box-shadow:0 3px 12px rgba(55,45,25,.08)!important;
  text-align:left!important;
}
.branch-diagram-link h2{
  margin:0 0 6px!important;
  color:#4a3618!important;
  font-size:1.18rem!important;
  text-align:left!important;
}
.branch-diagram-link p{
  margin:0!important;
  color:#403a31!important;
  line-height:1.55!important;
  text-align:left!important;
}
.branch-diagram-link__button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:9px!important;
  background:#5b4727!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:0 2px 7px rgba(0,0,0,.15)!important;
}
.branch-diagram-link__button:hover,
.branch-diagram-link__button:focus-visible{
  background:#3f301a!important;
  outline:3px solid #d4af37!important;
  outline-offset:2px!important;
  text-decoration:none!important;
}

.tree-note{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media (max-width:640px){
  .branch-diagram-link{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .branch-diagram-link__button{
    width:100%!important;
    box-sizing:border-box!important;
  }
}