.family-page{max-width:960px;margin:0 auto;padding:0 12px 48px;text-align:center}.family-title{position:relative;border-bottom:1px solid #d7c9a8;padding:0 48px 20px}.family-title h1{font-size:30px!important;font-weight:400;margin:0!important}.family-title .site-back{position:absolute;left:0;top:0;margin:0!important}.family-intro{color:#887653;margin:28px 0 32px!important}.family-page .family-readers{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;border:0!important;padding:0!important;margin:0!important}.family-reader{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:12px;width:200px;cursor:pointer;padding:20px 12px;border-radius:110px 110px 12px 12px;transition:background .2s}.family-reader input{position:absolute;opacity:0;width:1px;height:1px}.family-reader-face{display:grid;place-items:center;width:160px;height:160px;border-radius:50%;background:#eee5cf;border:2px solid transparent;box-shadow:0 0 0 5px #f6f0e1;overflow:hidden}.family-reader-face img{width:100%;height:100%;object-fit:contain}.family-reader:has(input:checked) .family-reader-face{border-color:#bd9250;box-shadow:0 0 0 5px #eadbbb}.family-reader:has(input:focus-visible){outline:2px solid #285b53;outline-offset:5px}.family-reader:hover{background:#eee4ce}.family-reader-name{font-family:Lora,Georgia,serif;font-size:25px}.family-reader-state{font-size:13px;color:#8b6b39}.family-yes{display:none}.family-reader:has(input:checked) .family-yes{display:inline}.family-reader:has(input:checked) .family-no{display:none}.family-actions{margin:30px 0}.family-actions .primary{min-width:190px}.family-page .family-add{max-width:480px;margin:38px auto 0;border-top:1px solid #d7c9a8;border-bottom:1px solid #d7c9a8;text-align:left;padding:0}.family-add summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between}.family-add summary::-webkit-details-marker{display:none}.family-add form{display:grid;gap:18px;padding:4px 0 24px}.family-add label{display:grid!important;gap:8px}.family-add input,.family-add select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d7c9a8;border-radius:8px;background:#fffaf0;color:inherit;font:inherit}.family-footnote{font-size:13px;color:#887653;margin-top:22px!important}.family-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.family-reader{width:130px;padding:14px 6px}.family-reader-face{width:116px;height:116px}.family-page .family-readers{gap:14px}.family-reader-name{font-size:22px}.family-title h1{font-size:26px!important}}