/* Family Book — keep marriage dates inside the couple relationship container.
   The marriage-anniversaries overlay creates .ct-marriage-date automatically for
   any spouse pair with a saved marriage date, so this applies to current and
   future marriages without changing relationship data. */
.ct-couple{
  position:relative!important;
}

/* Give dated marriages one integrated lower band inside the existing brown
   relationship container. Keep the box below the tree engine's 102px rail. */
.ct-couple:has(> .ct-marriage-date){
  height:96px!important;
  padding:7px 7px 16px!important;
}

/* The date belongs to the relationship container itself — not a separate pill. */
.ct-couple > .ct-marriage-date{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:4px!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:7!important;
  color:#7a532f!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  max-width:calc(100% - 24px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-theme="dark"] .ct-couple > .ct-marriage-date{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#f0cfae!important;
}

@media(max-width:650px){
  .ct-couple:has(> .ct-marriage-date){
    height:96px!important;
    padding:7px 7px 16px!important;
  }
  .ct-couple > .ct-marriage-date{
    bottom:4px!important;
  }
}