/* AmbonManise v32 — Family Experience */
.fam313-empty[hidden]{display:none!important}
.fam32-share-card{margin:16px 0;padding:20px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,1.3fr);gap:22px;align-items:start;background:linear-gradient(135deg,#fff 0,#f5fbfb 58%,#fff6ef 100%)}
.fam32-share-copy h3{margin:3px 0 7px;font-size:22px;color:var(--fam-navy)}.fam32-share-copy p{margin:0;color:#6b7f88;line-height:1.65;font-size:12px}.fam32-share-form{display:grid;grid-template-columns:1.3fr .8fr;gap:9px}.fam32-share-form input[type=text],.fam32-share-form input:not([type]),.fam32-share-form select{height:42px;border:1px solid #d8e5e9;border-radius:13px;padding:0 12px;background:#fff}.fam32-share-form label{display:flex;align-items:center;gap:7px;font-size:11px;color:#506b75}.fam32-share-form .fam31-btn{justify-self:end}.fam32-share-created{grid-column:1/-1;padding:13px;border-radius:15px;background:#eaf7f2;border:1px solid #c9e8dc}.fam32-share-created>b{display:block;margin-bottom:7px;color:#276b54}.fam32-share-created>div{display:flex;gap:7px}.fam32-share-created input{flex:1;min-width:0;border:1px solid #cbdfe0;border-radius:10px;padding:9px}.fam32-share-created button,.fam32-share-created a,.fam32-share-list button,.fam32-share-list a{border:0;border-radius:9px;padding:8px 10px;text-decoration:none;background:#0b3b4f;color:#fff;font-weight:800;font-size:11px}.fam32-share-list{grid-column:1/-1;display:grid;gap:7px}.fam32-share-list>div{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f7fafb;border-radius:12px}.fam32-share-list span{flex:1;min-width:0}.fam32-share-list b,.fam32-share-list small{display:block}.fam32-share-list small{color:#7b9098;margin-top:3px;font-size:10px}.fam32-share-list form{margin:0}.fam32-share-list button{background:#fff0ea;color:#b64f2c}
.fam32-pathfinder{display:flex;align-items:center;gap:6px;min-width:310px}.fam32-pathfinder select{height:34px;max-width:170px;border:1px solid #d9e5e9;background:#fff;border-radius:10px;padding:0 8px;color:#31505b;font-size:11px}.fam32-pathfinder span{color:#88a0a8;font-weight:900}.fam32-pathfinder button{height:34px;border:0;border-radius:10px;padding:0 11px;background:#17695f;color:#fff;font-weight:900;font-size:11px;cursor:pointer}.fam32-path-result{padding:10px 18px;background:linear-gradient(90deg,#fff8ef,#f4fbfa);border-bottom:1px solid #e6eef1;color:#4f6872;font-size:11px;line-height:1.6}.fam32-path-result[hidden]{display:none!important}.fam32-path-result strong{color:#0b3b4f;margin-right:8px}.fam32-path-result b{color:#17695f}.fam32-path-result span{color:#a35c3c;margin:0 4px}
.fam313-edge.path-active{stroke:#f06b38!important;stroke-width:5!important;filter:drop-shadow(0 0 3px rgba(240,107,56,.35));opacity:1!important}.fam313-graph .fam31-node.path-active{border-color:#f06b38!important;box-shadow:0 0 0 5px rgba(240,107,56,.11),0 18px 40px rgba(7,53,70,.16)!important}.fam313-chip.relation{background:#e7f4f2;color:#14645c}.fam313-graph .fam31-node small.nickname{color:#a45d3d;font-weight:800;margin-top:2px}
.fam313-graph:fullscreen{height:100vh;border-radius:0!important}.fam313-graph:fullscreen .fam313-inspector{width:340px}.fam313-graph:fullscreen .fam31-node{width:190px;min-height:118px}.fam313-graph:fullscreen .fam31-node b{font-size:13.5px}.fam313-graph:fullscreen .fam31-node img,.fam313-graph:fullscreen .fam31-node .avatar{width:58px;height:58px}.fam313-graph:fullscreen:before{content:'Silsilah Keluarga';position:absolute;left:18px;top:15px;z-index:7;background:rgba(11,59,79,.88);color:#fff;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:900;backdrop-filter:blur(10px)}
.fam32-edit-wrap{max-width:1080px;margin:0 auto;display:grid;gap:15px}.fam32-edit-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.fam32-edit-head h2{margin:3px 0 5px}.fam32-edit-head p{margin:0;color:#6c818a}.fam32-edit-form{padding:20px}.fam32-form-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.fam32-danger{padding:18px;border-color:#f3d3c8;background:#fffaf8}.fam32-danger h3{margin:0 0 5px;color:#a84228}.fam32-danger p{color:#7d6962}.fam32-danger input{width:100%;max-width:520px;height:42px;border:1px solid #ecd2c8;border-radius:11px;padding:0 11px}.fam32-danger-btn{margin-left:8px;height:42px;border:0;border-radius:11px;padding:0 14px;background:#b84e30;color:#fff;font-weight:900}
.fam32-public-body{margin:0;background:#edf4f6;color:#173742;font-family:Manrope,Arial,sans-serif}.fam32-public-head{height:68px;padding:0 max(18px,calc((100vw - 1450px)/2));display:flex;align-items:center;justify-content:space-between;background:#0b3b4f;color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 7px 25px rgba(7,45,59,.16)}.fam32-public-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.fam32-public-brand span{font-size:30px;color:#ef6840}.fam32-public-brand b{font-size:20px}.fam32-public-brand em{font-style:normal;font-weight:500}.fam32-public-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#cfe1e6}.fam32-public-meta strong{background:rgba(255,255,255,.1);padding:7px 10px;border-radius:999px;color:#fff}.fam32-public-main{max-width:1450px;margin:0 auto;padding:24px 18px 50px}.fam32-public-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:15px}.fam32-public-intro h1{font-family:'Playfair Display',serif;font-size:38px;margin:4px 0 6px;color:#0b3b4f}.fam32-public-intro p{margin:0;max-width:760px;color:#6a7f88}.fam32-public-actions{display:flex;gap:8px}.fam32-public-graph-card{overflow:hidden}.fam32-public-note{margin-top:18px;background:#0b3b4f;color:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:12px}.fam32-public-note span{flex:1;color:#cde0e5;font-size:12px}.fam32-public-note a{color:#fff;background:#e2622f;text-decoration:none;padding:9px 13px;border-radius:999px;font-weight:900;font-size:11px}
@media(max-width:980px){.fam32-share-card{grid-template-columns:1fr}.fam32-share-form{grid-template-columns:1fr 1fr}.fam32-pathfinder{order:3;width:100%;min-width:0}.fam32-public-intro{align-items:flex-start;flex-direction:column}.fam32-public-actions{width:100%}.fam32-public-note{align-items:flex-start;flex-wrap:wrap}.fam32-public-note span{flex-basis:70%}}
@media(max-width:680px){.fam32-share-form{grid-template-columns:1fr}.fam32-share-form .fam31-btn{justify-self:stretch}.fam32-share-created>div{flex-wrap:wrap}.fam32-share-created input{flex-basis:100%}.fam32-pathfinder{display:grid;grid-template-columns:1fr auto 1fr auto}.fam32-pathfinder select{max-width:none;width:100%}.fam32-public-head{height:auto;min-height:64px;padding:10px 14px}.fam32-public-brand b{font-size:16px}.fam32-public-meta>span{display:none}.fam32-public-main{padding:16px 10px 36px}.fam32-public-intro h1{font-size:29px}.fam32-public-actions .fam31-btn{flex:1}.fam32-public-note{border-radius:14px}.fam32-edit-head{align-items:flex-start;flex-direction:column}.fam32-danger-btn{margin:8px 0 0;width:100%}}
.cms32-perms{display:flex!important;gap:10px!important;flex-wrap:wrap;padding:12px;border:1px solid #dfe9ec;border-radius:14px;background:#f8fbfc}.cms32-perms label{display:flex!important;align-items:center;gap:6px!important;font-size:12px!important;font-weight:800!important}.cms32-perms input{width:auto!important}.pill{display:inline-block;padding:4px 7px;border-radius:999px;background:#eaf4f4;color:#17695f;font-size:10px;font-weight:800}.table-wrap td small{display:block;color:#81939a;margin-top:3px}
.fam32-public-gallery{margin-top:18px;background:#fff;border:1px solid #dce8eb;border-radius:20px;padding:18px}.fam32-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.fam32-gallery-head h2{margin:2px 0 0;color:#0b3b4f;font-family:'Playfair Display',serif}.fam32-gallery-head>span{font-size:11px;color:#7b9098}.fam32-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fam32-gallery-grid article{overflow:hidden;border:1px solid #e1e9ec;border-radius:15px;background:#fff}.fam32-gallery-grid img,.fam32-gallery-grid video,.fam32-gallery-grid iframe,.fam32-media-empty{width:100%;aspect-ratio:4/3;object-fit:cover;border:0;display:block;background:#edf4f5}.fam32-media-empty{display:grid;place-items:center;font-size:36px}.fam32-gallery-grid article>div:last-child{padding:10px}.fam32-gallery-grid b,.fam32-gallery-grid small{display:block}.fam32-gallery-grid b{font-size:12px;color:#173742}.fam32-gallery-grid small{font-size:9px;color:#82939a;margin-top:2px}.fam32-gallery-grid p{font-size:10px;color:#667b84;line-height:1.5;margin:6px 0 0}@media(max-width:900px){.fam32-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.fam32-gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.fam32-public-gallery{padding:12px}}
/* Make family names readable instead of ellipsis. */
.fam313-graph .fam31-node b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:31px;line-height:1.22}.fam313-graph .fam31-node small:not(.nickname){white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:24px}.fam313-graph:fullscreen .fam31-node b{font-size:14px;min-height:34px}.fam313-graph:fullscreen .fam31-node{padding:14px 12px 12px}