:root {
    --tutzo: #C9E4DE;
    --pinsson: #C6DEF1;
    --mestc: #F7D9C4;
    --mestt: #DBCDFE;
    --daney: #F2C6DE;
}


/* Subgraph mermaid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-family > rect {
    stroke: black!important;
}

.family > rect {
    height:730px;
    stroke: black!important;
}

.couple-parent > rect {
    stroke: black!important;
}

.couple-child > rect {
    stroke: black!important;
}

.node-name > rect {
    stroke: none!important;
}

.fill-tutzo > rect {
    fill: var(--tutzo)!important;
    stroke-width: 2px!important;
    stroke-opacity: 0.5;
}

.fill-pinsson > rect {
    fill: var(--pinsson)!important;
    stroke-width: 2px!important;
    stroke-opacity: 0.5;
}

.fill-mestc > rect {
    fill: var(--mestc)!important;
    stroke-width: 2px!important;
    stroke-opacity: 0.5;
}

.fill-mestt > rect {
    fill: var(--mestt)!important;
    stroke-width: 2px!important;
    stroke-opacity: 0.5;
}

.fill-daney > rect {
    fill: var(--daney)!important;
    stroke-width: 2px!important;
    stroke-opacity: 0.5;
}

/* Subgraph div
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.subgraph {
    font-size:40px;
    font-weight:bold;
}

.member-name {
    font-size:20px;
    font-weight:bold;
    width: 220px;
}

.member-birthday {
    font-size:20px;
}