.record-family { list-style:none; grid-column:1 / -1; }
.record-family-toggle { width:100%; border:0; background:transparent; color:var(--gray-600,#666); text-align:left; padding:.5rem 1.4rem 1rem; cursor:pointer; font:500 1.2rem/1.5 var(--f-body,sans-serif); }
.record-children { list-style:none; padding:0 0 0 1.2rem; margin:0 0 1rem 1.2rem; border-left:1px solid var(--gray-200,#ddd); display:grid; gap:.4rem; }
.record-children[hidden],.record-family-nav[hidden] { display:none; }
.record-child .record-button { padding:1.1rem; }
.record-child .record-button-title { font-size:1.3rem; }
.record-child .record-button-meta { gap:.5rem; }
.record-child .record-button-date { display:none; }
.record-family-toggle:focus-visible,.family-overview-link:focus-visible,.family-card:focus-visible,.family-select:focus-visible { outline:2px solid #ff6b00; outline-offset:2px; }
.record-family-nav { margin:1.6rem 0 0; }
.family-progress { margin:0 0 .8rem; font-size:1.2rem; color:#666; }
.family-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
.family-card { display:flex; flex-direction:column; gap:.4rem; padding:1rem 1.2rem; border:1px solid #e7e7e7; border-radius:6px; background:#fff; text-align:left; cursor:pointer; color:#171717; }
.family-card:hover { background:#fff8f2; border-color:#ffcba5; }
.family-card strong { font-size:1.25rem; line-height:1.5; }
.family-card span { font-size:1.1rem; line-height:1.55; color:#777; }
.family-overview-link { background:none; border:0; padding:0; color:#a54900; font:600 1.3rem/1.7 var(--f-body,sans-serif); text-align:left; cursor:pointer; }
.family-select-label { display:flex; align-items:center; gap:.8rem; margin-top:1rem; font-size:1.15rem; color:#666; }
.family-select { min-width:0; max-width:100%; padding:.6rem; border:1px solid #ddd; border-radius:4px; color:#222; background:#fff; font:inherit; }
@media(max-width:600px) { .family-cards { grid-template-columns:1fr; } .family-select-label { display:block; } .family-select { display:block; margin-top:.5rem; width:100%; } }
.family-children-details > summary { cursor:pointer; color:#555; font-size:1.2rem; }
.family-children-details[open] > summary { margin-bottom:.8rem; }
.record-head .record-title { scroll-margin-top:2.4rem; }