.pks-hero{padding:70px 8%;border-radius:18px;background:linear-gradient(135deg,#eee,#fff);margin-bottom:25px}.pks-hero h1{font-size:clamp(42px,7vw,82px);margin:10px 0}.pks-hero p{max-width:680px;font-size:18px;line-height:1.7}.pks-actions{display:flex;gap:10px;flex-wrap:wrap}.pks-actions a,.pks-form button,.pks-toolbar button{padding:11px 16px;border:1px solid #bbb;border-radius:7px;text-decoration:none;cursor:pointer}.pks-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.pks-stats div,.pks-grid a,.pks-person{padding:22px;border:1px solid #ddd;border-radius:12px;background:#fff}.pks-stats b{display:block;font-size:30px}.pks-stats span,.pks-person span,.pks-person small{display:block;margin-top:5px;opacity:.7}.pks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pks-grid a{color:inherit}.pks-grid span{display:block;margin-top:7px;opacity:.7}.pks-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.pks-toolbar input,.pks-toolbar select,.pks-form input,.pks-form select,.pks-form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.pks-toolbar input{min-width:240px}.pks-tree-viewport{overflow:auto;padding:15px;border:1px solid #eee;border-radius:12px}.pks-tree{padding:15px;width:max-content;min-width:100%}.pks-level,.pks-level ul{padding-top:20px}.pks-level{display:flex;justify-content:center;align-items:flex-start;gap:15px;min-width:max-content}.pks-level li{list-style:none;text-align:center;position:relative}.pks-level>li ul{display:flex;justify-content:center;padding-left:0}.pks-card{display:inline-flex;flex-direction:column;align-items:center;min-width:150px;max-width:220px;padding:12px;margin:7px;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 2px 8px #0000000d;cursor:pointer}.pks-card img{width:54px;height:54px;border-radius:50%;object-fit:cover;margin-bottom:7px}.pks-card b,.pks-card small{display:block}.pks-card small{font-size:11px;margin-top:4px;opacity:.7}.pks-card.paguyuban{border-style:dashed}.pks-card.muted{opacity:.18}.pks-spouse{display:inline-flex;align-items:center}.pks-spouse:before{content:'♥';opacity:.45}.pks-pag{border-top:1px dashed #bbb;margin-top:30px;padding-top:20px}.pks-pag>div,.pks-person-grid{display:flex;flex-wrap:wrap;gap:12px}.pks-form{max-width:680px}.pks-form label{display:block;margin:0 0 14px;font-weight:600}.pks-form input,.pks-form select,.pks-form textarea{width:100%;margin-top:5px;font-weight:400}.pks-form textarea{min-height:100px}.pks-success,.pks-notice,.pks-info{padding:15px;border:1px solid #ccc;border-radius:8px;margin:15px 0}.pks-person{min-width:180px;flex:1}.pks-content{line-height:1.7}.pks-modal{position:fixed;inset:0;background:#0008;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.pks-modal[hidden]{display:none}.pks-modal-box{background:#fff;border-radius:14px;max-width:460px;width:100%;padding:25px;position:relative}.pks-modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}.pks-profile-photo{width:100px;height:100px;border-radius:50%;object-fit:cover}.pks-profile h2{margin-top:10px}@media(max-width:800px){.pks-grid,.pks-stats{grid-template-columns:1fr}.pks-hero{padding:40px 25px}}

.pks-tree-intro{margin-bottom:15px}.pks-tree-intro h2{margin-bottom:6px}.pks-tree-intro p{max-width:900px;opacity:.78}.pks-tree-legend{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 12px;font-size:13px;opacity:.75}.pks-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pks-branch-card{border:1px solid #ddd;border-radius:12px;padding:18px;background:#fff}.pks-branch-card h3{margin-top:0}.pks-branch-card ul{padding-left:20px}.pks-level>li:before{content:"";position:absolute;top:-10px;left:50%;height:18px;border-left:1px solid #ccc}.pks-level>li>ul>li:before{content:"";position:absolute;top:-10px;left:50%;height:10px;border-left:1px solid #ccc}.pks-spouse{gap:4px}.pks-spouse .pks-card{margin:3px}.pks-spouse:before{padding:0 3px}.pks-card:focus{outline:2px solid currentColor;outline-offset:2px}.pks-card.paguyuban{background:#fafafa}.pks-tree-controls select{min-width:150px}@media(max-width:800px){.pks-grid,.pks-stats,.pks-branch-grid{grid-template-columns:1fr}.pks-tree-controls input{min-width:180px;width:100%}}
.pks-form fieldset{border:1px solid #ddd;padding:14px;margin:15px 0}.pks-form fieldset label{display:block;margin:8px 0}.pks-notice{padding:14px;background:#f7f7f7;border-left:4px solid #888;margin:15px 0}.pks-success{padding:14px;background:#eef9f0;border-left:4px solid #2e7d32;margin:15px 0}.pks-person small{display:block}.pks-profile-photo{width:120px;height:120px;object-fit:cover;border-radius:50%;display:block;margin-bottom:12px}

.pks-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.pks-archive-card{border:1px solid #ddd;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.pks-archive-card img{width:100%;height:220px;object-fit:cover}.pks-archive-card>div{padding:18px}.pks-archive-card h3{margin:7px 0}.pks-archive-card p{margin-bottom:8px}.pks-archive-meta{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.pks-archive-body{margin-top:12px;line-height:1.75}.pks-archive-card details summary{cursor:pointer;font-weight:600;margin-top:10px}@media(max-width:800px){.pks-archive-grid{grid-template-columns:1fr}}

/* v0.8 - visual genealogy */
.pks-tree-viewport{background:linear-gradient(180deg,#fbfaf7,#fff);min-height:360px;cursor:grab}.pks-tree-viewport:active{cursor:grabbing}.pks-tree-stage{padding:20px 30px 35px}.pks-level{display:flex;justify-content:center;min-width:max-content;gap:34px;margin:0;padding:0}.pks-node{list-style:none;position:relative;padding:0 8px}.pks-family-unit{display:flex;align-items:center;justify-content:center;gap:7px;position:relative}.pks-node>.pks-connector{height:28px;width:2px;background:#d4d0c8;margin:0 auto}.pks-children{display:flex;justify-content:center;gap:28px;margin:0;padding:0;position:relative}.pks-children:before{content:"";position:absolute;top:0;left:calc(50% - 1px);width:2px;height:14px;background:#d4d0c8}.pks-children>.pks-node:before{content:"";position:absolute;top:0;left:50%;width:100%;height:2px;background:#d4d0c8}.pks-children>.pks-node:first-child:before{left:50%;width:50%}.pks-children>.pks-node:last-child:before{left:0;width:50%}.pks-children>.pks-node:only-child:before{display:none}.pks-card{min-width:165px;border:1px solid #d9d5cd;border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(50,45,35,.08);transition:transform .18s,box-shadow .18s,opacity .18s}.pks-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(50,45,35,.14)}.pks-card img,.pks-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;margin-bottom:7px}.pks-avatar{display:inline-flex;align-items:center;justify-content:center;background:#eee8dc;font-weight:700;font-size:18px}.pks-avatar-large{width:92px;height:92px;font-size:28px}.pks-branch-tag{padding:2px 7px;border-radius:20px;background:#f1eee7}.pks-spouse{display:flex;align-items:center;gap:4px}.pks-spouse-link{font-size:15px;opacity:.65}.pks-spouse-card{min-width:140px}.pks-current-root{text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:.12em;opacity:.6;margin-bottom:8px}.pks-focus-mode .pks-pag{display:none}.pks-profile-head{display:flex;gap:16px;align-items:center;border-bottom:1px solid #eee;padding-bottom:16px}.pks-profile-kicker{font-size:11px;letter-spacing:.12em;opacity:.55}.pks-profile-head h2{margin:4px 0}.pks-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.pks-profile-grid div{padding:10px;border:1px solid #eee;border-radius:9px}.pks-profile-grid small,.pks-profile-grid strong{display:block}.pks-profile-grid small{opacity:.55;margin-bottom:3px}@media(max-width:800px){.pks-level{gap:12px}.pks-children{gap:10px}.pks-card{min-width:130px}.pks-profile-grid{grid-template-columns:1fr}.pks-tree-stage{padding:15px}.pks-spouse-card{min-width:115px}}

/* v0.9 - keluarga inti */
.pks-family-page{line-height:1.7}.pks-family-hero{display:flex;gap:22px;align-items:center;padding:25px;border:1px solid #ddd;border-radius:16px;background:#fff;margin-bottom:20px}.pks-family-hero img,.pks-family-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover}.pks-family-avatar{display:flex;align-items:center;justify-content:center;background:#eee8dc;font-size:42px;font-weight:700}.pks-family-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.pks-family-actions a,.pks-family-button{display:inline-block;padding:9px 13px;border:1px solid #ccc;border-radius:8px;text-decoration:none}.pks-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pks-family-grid>section,.pks-family-summary{padding:20px;border:1px solid #ddd;border-radius:14px;background:#fff}.pks-family-grid h3,.pks-family-summary h3{margin-top:0}.pks-family-person{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;text-decoration:none;color:inherit}.pks-family-person:last-child{border-bottom:0}.pks-family-person img,.pks-family-mini-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}.pks-family-mini-avatar{display:flex;align-items:center;justify-content:center;background:#eee8dc;font-weight:700}.pks-family-person b,.pks-family-person small{display:block}.pks-family-person small{opacity:.65}.pks-muted{opacity:.6}.pks-family-summary{margin-top:16px}@media(max-width:800px){.pks-family-hero{align-items:flex-start;flex-direction:column}.pks-family-grid{grid-template-columns:1fr}}

.pks-member-dashboard{max-width:1100px;margin:30px auto}.pks-dashboard-hero{display:flex;gap:24px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,#f6f1e8,#fff);border:1px solid #e7dfd2}.pks-dashboard-avatar{width:96px;height:96px;flex:0 0 96px;border-radius:50%;overflow:hidden;background:#d8c7a5;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700}.pks-dashboard-avatar img{width:100%;height:100%;object-fit:cover}.pks-dashboard-badges{display:flex;gap:8px;flex-wrap:wrap}.pks-dashboard-badges span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #ddd;font-size:13px}.pks-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.pks-dashboard-grid a{display:block;padding:20px;border:1px solid #e5e5e5;border-radius:16px;text-decoration:none}.pks-dashboard-grid b,.pks-dashboard-grid span{display:block}.pks-dashboard-grid span{margin-top:8px;font-size:14px;opacity:.75}.pks-dashboard-completion{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #e5e5e5;border-radius:16px}.pks-dashboard-completion strong{font-size:28px}.pks-dashboard-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.pks-dashboard-meta div{padding:16px;border-radius:14px;background:#f7f7f7}.pks-dashboard-meta small,.pks-dashboard-meta b{display:block}.pks-dashboard-note{margin-top:18px;font-size:14px;opacity:.7}.pks-profile-kicker{font-size:12px;letter-spacing:.08em;font-weight:700;opacity:.65}@media(max-width:800px){.pks-dashboard-grid,.pks-dashboard-meta{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pks-dashboard-grid,.pks-dashboard-meta{grid-template-columns:1fr}.pks-dashboard-hero{display:block}.pks-dashboard-avatar{margin-bottom:18px}}