/* ── family tree diagram (Eye of Horus Variations page) ── */
.etree{text-align:center;min-width:0}
.etree-root{display:inline-flex;align-items:center;justify-content:center;max-width:100%;
  padding:.55rem 1.3rem;border-radius:10px;font-family:var(--orn);font-weight:900;
  font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:#FFF6D8;
  background:linear-gradient(176deg,#2A63CE,#1B3E78 55%,#122C5C);
  border:2px solid var(--gold);box-shadow:0 4px 10px rgba(18,44,92,.32)}
.etree-stem{width:2px;height:22px;background:var(--line);margin:0 auto}
.etree-branches{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.8vw,18px);
  border-top:2px solid var(--line);padding-top:22px}
.etree-node{position:relative;flex:1 1 150px;max-width:220px;min-width:0;
  padding:clamp(10px,1.5vw,14px);border-radius:12px;border:2px solid var(--line);
  background:linear-gradient(178deg,#FFFDF5,#FBF1D6);text-align:center}
.etree-node::before{content:'';position:absolute;top:-22px;left:50%;width:2px;height:22px;
  background:var(--line)}
.etree-node .mlabel{margin-top:0;font-family:var(--orn);font-weight:900;font-size:.7rem;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink);margin-bottom:.4rem;line-height:1.3}
.etree-node p{margin:0;font-size:.78rem;line-height:1.45;color:var(--body)}

@media(max-width:620px){
  .etree-branches{flex-direction:column;align-items:stretch;border-top:none;padding-top:0;gap:14px}
  .etree-branches::before{content:'';display:block;width:2px;height:22px;background:var(--line);
    margin:0 auto 14px}
  .etree-node{max-width:none}
  .etree-node::before{display:none}
}