body { font-family: sans-serif; padding: 20px; line-height: 1.6; max-width: 900px; margin: auto; }
table { border-collapse: collapse; margin-top: 10px; width: 100%; }
th, td { border: 1px solid #ccc; padding: 6px; text-align: left; }
th { background: #eee; }
select { width: 100%; padding: 4px; }
.desc { background: #f7f7f7; padding: 15px; border-radius: 6px; margin-bottom: 20px; border-left: 5px solid #333; }
#familyInfoBox { background:#eef; padding:10px; margin-top:10px; border-radius:6px; display:none; border: 1px solid #ccd; }
.controls { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
button { padding: 10px 20px; cursor: pointer; background: #4CAF50; color: white; border: none; border-radius: 4px; font-weight: bold; }
button:hover { background: #45a049; }
ul { list-style: none; padding: 0; }
li { background: #fff; border: 1px solid #ddd; margin-bottom: 8px; padding: 10px; border-radius: 4px; white-space: pre-line; }