.demo-scenarios,.relationship-records{margin:12px 0;border:1px solid var(--line,#dfe3d9);border-radius:8px;padding:0 12px;min-width:0;overflow-wrap:anywhere}
.demo-scenarios summary,.relationship-records summary{min-height:44px;align-content:center;cursor:pointer;font-size:0.92857rem;line-height:1.6;padding:10px 0}.demo-scenarios p,.demo-scenario-hint,.relationship-records p{font-size:0.85714rem;line-height:1.8;color:var(--muted)}.demo-scenario-options{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}.demo-scenario-options button{min-height:44px;white-space:normal}.demo-scenario-options [aria-pressed=true]{border-color:var(--green);color:var(--green)}.demo-scenario-hint{background:#f8faf6;padding:12px;border-radius:6px}
.relationship-records ul{padding-left:18px;font-size:0.85714rem}.relationship-records li{margin-bottom:12px}.relationship-records p{margin:4px 0}.relationship-badge,.life-badge{display:block;font-size:0.71429rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:#7f6345;margin-top:3px}.life-badge{color:var(--muted)}.relation-line .mini-person{flex-wrap:wrap;white-space:normal}.relation-line .mini-person small{font-size:0.71429rem;color:var(--muted)}.member-main>span{min-width:0}.member-main .life-badge{font-weight:400}
.tree-links .parent-adoptive{stroke:#7c6a9c;stroke-dasharray:7 3}.tree-links .parent-step{stroke:#9b7857;stroke-dasharray:2 4}.tree-links .spouse-divorced{stroke:#9d7280;stroke-dasharray:9 4 2 4}.tree-links .spouse-widowed{stroke:#92958f;stroke-dasharray:2 3}
.tree-relationship-legend .adoptive-sample{border-top:2px dashed #7c6a9c}.tree-relationship-legend .step-sample{border-top:2px dotted #9b7857}.tree-relationship-legend .divorced-sample{border-top:2px dashed #9d7280}.tree-relationship-legend .widowed-sample{border-top:2px dotted #92958f}
@media(max-width:767px){.demo-scenario-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-scenario-options button{font-size:0.85714rem;width:100%;padding:8px}.relationship-records{padding:0 10px}}

.marriage-record{border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin:12px 0;min-width:0}.marriage-record h4{font-size:1rem;margin:0;overflow-wrap:anywhere}.marriage-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.marriage-record label{min-width:0}.marriage-record select,.marriage-record input,.marriage-record textarea{max-width:100%;min-width:0}.marriage-actions button{min-height:44px}