/* AmbonManise v37 — Family Graph readability & mouse-wheel zoom */
.family-v35 .fam313-canvas{min-height:760px;overscroll-behavior:contain;cursor:grab}
.family-v35 .fam313-canvas.dragging{cursor:grabbing}
.family-v35 .fam31-node{font-family:Manrope,system-ui,sans-serif}

/* Network cards: larger photo, name and metadata */
.family-v35[data-layout="network"] .fam35-network{width:230px;min-height:164px;padding:16px 16px 14px;border-radius:22px}
.family-v35[data-layout="network"] .fam37-avatar-wrap{position:relative;display:inline-flex;margin-bottom:3px}
.family-v35[data-layout="network"] .fam35-network img,
.family-v35[data-layout="network"] .fam35-network>.avatar,
.family-v35[data-layout="network"] .fam37-avatar-wrap>img,
.family-v35[data-layout="network"] .fam37-avatar-wrap>.avatar{width:68px!important;height:68px!important;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 7px 20px rgba(7,52,67,.16);margin:0!important}
.family-v35[data-layout="network"] .fam35-network b{font-size:15px!important;line-height:1.28!important;margin-top:7px!important;min-height:0!important;white-space:normal!important;-webkit-line-clamp:2}
.family-v35[data-layout="network"] .fam35-network small{font-size:10.8px!important;line-height:1.35!important;min-height:0!important;margin-top:3px!important}
.family-v35[data-layout="network"] .fam35-network .nickname{font-size:10.5px!important;color:#e2622f!important;font-weight:800}
.family-v35[data-layout="network"] .fam35-network .fam35-life{font-size:10.2px!important;font-weight:800;color:#5d7882!important}
.family-v35[data-layout="network"] .fam37-location{display:block;color:#456873!important;font-weight:700;white-space:normal!important}
.family-v35[data-layout="network"] .fam37-generation{color:#81939a!important}
.family-v35[data-layout="network"] .fam313-node-meta{margin-top:8px!important;gap:5px!important}

/* Deceased marker */
.fam37-avatar-wrap,.fam35-tree-avatar,.fam35-branch-avatar,.fam37-inspector-avatar{position:relative}
.fam37-deceased{position:absolute;right:-4px;bottom:0;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7a4650;border:2px solid #ead6d9;box-shadow:0 4px 10px rgba(50,20,25,.12);font:900 14px/1 Georgia,serif;z-index:3}
.fam37-inspector-avatar{display:inline-flex}
.fam37-inspector-avatar .fam37-deceased{right:-3px;bottom:1px}

/* Classic tree cards */
.family-v35[data-layout="tree"] .fam35-tree{width:176px;min-height:154px;padding:8px 8px 10px}
.family-v35[data-layout="tree"] .fam35-tree-avatar{width:92px;height:92px;margin:0 auto 8px}
.family-v35[data-layout="tree"] .fam35-tree-avatar img,
.family-v35[data-layout="tree"] .fam35-tree-avatar .avatar{width:84px!important;height:84px!important}
.family-v35[data-layout="tree"] .fam35-tree b{font-size:13.5px!important;line-height:1.28!important}
.family-v35[data-layout="tree"] .fam35-tree small{font-size:10.3px!important;line-height:1.35!important}
.family-v35[data-layout="tree"] .fam37-location{display:block;color:#50727c!important;font-weight:700;white-space:normal}

/* Horizontal branch cards */
.family-v35[data-layout="branch"] .fam35-branch{width:310px;min-height:112px;padding:12px 14px;border-radius:42px;grid-template-columns:74px minmax(0,1fr) auto;gap:12px}
.family-v35[data-layout="branch"] .fam35-branch-avatar img,
.family-v35[data-layout="branch"] .fam35-branch-avatar .avatar{width:70px!important;height:70px!important;border-width:4px!important}
.family-v35[data-layout="branch"] .fam35-branch-copy b{font-size:14px!important;line-height:1.25!important}
.family-v35[data-layout="branch"] .fam35-branch-copy small{font-size:10.4px!important;line-height:1.32!important}
.family-v35[data-layout="branch"] .fam37-location{display:block;color:#456873!important;font-weight:700;white-space:normal}
.family-v35[data-layout="branch"] .fam35-branch-status .fam313-chip{font-size:8px!important;max-width:82px!important;padding:4px 6px!important}

/* Make connectors easier to follow after card enlargement */
.family-v35 .fam313-edge.parent{stroke-width:2.5!important;stroke:#91aeb8!important}
.family-v35 .fam313-edge.spouse{stroke-width:3.2!important;stroke:#e2622f!important}
.family-v35 .fam313-edge.pending{stroke-width:2.3!important;stroke-dasharray:9 7!important}
.family-v35 .fam313-edge.focused{stroke-width:4!important;filter:drop-shadow(0 0 5px rgba(226,98,47,.26))}
.family-v35 .fam313-edge.path-active{stroke:#0f8792!important;stroke-width:4.5!important;filter:drop-shadow(0 0 5px rgba(15,135,146,.28))}

/* Help cue for mouse zoom */
.family-v35 .fam313-legend .fam313-hint::after{content:' · Scroll mouse untuk zoom · Shift + scroll untuk geser horizontal';font-weight:700;color:#55737d}

/* Fullscreen readability */
.family-v35:fullscreen .fam313-canvas,
.family-v34 [data-family-graph]:fullscreen .fam313-canvas{height:calc(100vh - 98px)!important;min-height:0!important}
.family-v35:fullscreen .fam31-node{filter:drop-shadow(0 10px 26px rgba(9,54,69,.08))}

@media(max-width:900px){
  .family-v35 .fam313-canvas{min-height:660px}
  .family-v35[data-layout="network"] .fam35-network{width:205px;min-height:152px}
  .family-v35[data-layout="network"] .fam37-avatar-wrap>img,
  .family-v35[data-layout="network"] .fam37-avatar-wrap>.avatar{width:62px!important;height:62px!important}
  .family-v35[data-layout="tree"] .fam35-tree{width:158px}
  .family-v35[data-layout="tree"] .fam35-tree-avatar{width:82px;height:82px}
  .family-v35[data-layout="tree"] .fam35-tree-avatar img,.family-v35[data-layout="tree"] .fam35-tree-avatar .avatar{width:74px!important;height:74px!important}
  .family-v35[data-layout="branch"] .fam35-branch{width:276px;grid-template-columns:62px minmax(0,1fr) auto}
  .family-v35[data-layout="branch"] .fam35-branch-avatar img,.family-v35[data-layout="branch"] .fam35-branch-avatar .avatar{width:60px!important;height:60px!important}
}
@media(max-width:600px){
  .family-v35 .fam313-canvas{min-height:600px}
  .family-v35[data-layout="network"] .fam35-network{width:190px}
  .family-v35[data-layout="network"] .fam35-network b{font-size:14px!important}
  .family-v35[data-layout="branch"] .fam35-branch{width:250px}
  .family-v35 .fam313-legend .fam313-hint::after{content:' · Pinch atau tombol +/− untuk zoom'}
}