.family-page .family-page-header{-moz-column-gap:24px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action""description description";align-items:center;gap:8px 24px;margin-bottom:24px;display:grid}.family-page-header h1{overflow-wrap:anywhere;grid-area:title;min-width:0;line-height:1.2}.family-page .family-page-header p{grid-area:description;max-width:65ch;margin:0;line-height:1.5}.family-page-header>.btn{grid-area:action;justify-self:end;gap:8px}.family-back{min-height:44px;color:var(--ink-3);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.family-grid:empty{display:none}.family-card{background:var(--surface,#fff);border:1px solid var(--line,#e6e9e3);border-radius:var(--r-lg,18px);min-width:0;padding:24px}.family-card h2,.family-card h3{font-family:var(--display);text-transform:none;overflow-wrap:anywhere;margin:0;line-height:1.35}.family-card h2{font-size:20px}.family-card h3{font-size:15px}.family-card p,.family-form p{color:var(--ink-3);overflow-wrap:anywhere;font-size:14px;line-height:1.55}.family-child-card{flex-direction:column;display:flex}.family-card-heading{align-items:center;gap:14px;min-height:54px;display:flex}.family-card-heading>:first-child{flex-shrink:0}.family-card-heading>:last-child{min-width:0}.family-status{color:var(--ink-3);margin-top:6px;font-size:12px;line-height:1.4;display:block}.family-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;font-size:13px;line-height:1.5;display:grid}.family-facts dt{color:var(--ink-3);margin-bottom:4px}.family-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.family-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.family-profile-actions{margin-top:10px;margin-bottom:24px}.family-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.family-upgrade{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.hrp-root .family-upgrade p{margin:0}.family-upgrade>.btn{width:100%;margin-top:auto}.hrp-root .family-upgrade .family-eligibility{color:var(--ink-2)}.family-empty{justify-items:start;gap:16px;max-width:650px;padding:32px;display:grid}.hrp-root .family-empty h2,.hrp-root .family-empty p{margin:0}.family-form{gap:20px;min-width:0;display:grid}.hrp-root .family-form p{margin:0}.family-form .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.family-form label,.family-form .grid2>*{min-width:0}.family-form input:not([type=checkbox]),.family-form select{min-width:0;height:48px;line-height:24px;padding:10px 13px!important}.family-form textarea{resize:vertical;min-height:104px}.family-form input:disabled,.family-form select:disabled{opacity:1;background:var(--paper)!important;color:var(--ink-3)!important}.family-check{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.family-check input{width:20px;height:20px;accent-color:var(--green-700,#155d33);flex:0 0 20px;margin:1px 0 0}.family-check span{overflow-wrap:anywhere;min-width:0}.family-error{overflow-wrap:anywhere;background:#fff3f1;border-radius:10px;padding:14px 16px;line-height:1.5;color:#a33024!important}.family-page>.family-error,.family-page>.family-notice{margin:0 0 24px}.family-page>.family-error{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.family-notice{background:var(--green-50,#f1f8f3);overflow-wrap:anywhere;border-radius:10px;padding:14px 16px;line-height:1.5;color:var(--green-800,#114a29)!important}.family-guardian{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.family-guardian:last-child{border-bottom:0;padding-bottom:0}.family-guardian strong{overflow-wrap:anywhere;min-width:0}.family-guardian .btn{flex-shrink:0}.hrp-root .family-guardians>p{margin:8px 0 0}.hrp-root :is(.family-page,.family-modal,.family-recovery) .btn{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;border:1.5px solid #0000;min-height:44px;padding:10px 16px;font-size:14px;line-height:20px}.hrp-root :is(.family-page,.family-modal,.family-recovery) .btn-ghost{border-color:var(--line-2)}.hrp-root .family-card-actions .btn{width:100%;min-width:0;padding-inline:10px;font-size:13.5px}.hrp-root .family-danger{color:#a33024}.hrp-root .family-danger-primary{color:#fff;background:#a33024}.hrp-root .family-danger-primary:hover{background:#86291f}.family-modal{--hrp-modal-head-padding:16px 24px}.family-modal .hrp-modal-head h3{overflow-wrap:anywhere;line-height:1.35}.family-modal-actions{justify-content:flex-end;gap:12px;width:100%;display:flex}.hrp-root .family-modal-actions .btn{min-width:120px}.family-modal .hrp-modal-foot{padding-inline:24px!important}.family-participant{width:calc(100% - 2 * var(--content-gutter,26px));max-width:calc(var(--content-maxw,1240px) - 2 * var(--content-gutter,26px));border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);margin:20px auto;padding:12px 20px;font-size:13px;line-height:1.5}.cr-content>.family-participant{width:100%;max-width:none;margin:0 0 24px}.family-participant-field{grid-template-columns:max-content minmax(0,320px);align-items:center;gap:12px;min-width:0;display:grid}.family-participant label{color:var(--ink-2);white-space:nowrap;font-weight:700}.family-participant select{width:100%;min-width:0;height:44px;font:inherit;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);text-overflow:ellipsis;border-radius:10px;padding:8px 32px 8px 12px;font-weight:600}.family-participant select:focus-visible{outline:2px solid var(--green-600);outline-offset:3px}.family-recovery{padding-block:48px}.family-recovery .family-card{gap:20px;display:grid}.family-recovery h1{font-family:var(--display);text-transform:none;margin:0;font-size:26px;line-height:1.25}.hrp-root .family-recovery p{margin:0}.family-upgrade-page{background:var(--paper,#f7f8f5);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.family-upgrade-page .family-card{width:100%;max-width:540px}.family-upgrade-page h1{font-family:var(--display);text-transform:none;font-size:27px;line-height:1.2}@media (width>=900px){.family-child-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;display:grid}.family-upgrade{margin-top:0}}@media (width<=899px){.family-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.family-page{padding:16px}.family-page .family-page-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""description""action";row-gap:12px;margin-bottom:20px}.family-page .cr-ph h1{font-size:26px}.family-page .cr-ph>.btn{width:100%}.family-grid{gap:20px;margin-bottom:20px}.family-card{padding:20px}.family-card h2{font-size:18px}.family-card-heading{align-items:flex-start}.family-facts{gap:12px;margin:20px 0}.family-card-actions{gap:8px}.family-profile-actions{margin-top:8px;margin-bottom:20px}.family-upgrade{padding-top:20px}.family-empty{padding:24px}.family-empty>.btn{width:100%}.family-form .grid2{grid-template-columns:minmax(0,1fr);gap:20px}.family-form input:not([type=checkbox]),.family-form select,.family-form textarea{font-size:16px!important}.family-modal{--hrp-modal-head-padding:12px 20px}.family-modal .hrp-modal-body{padding:20px!important}.family-modal .hrp-modal-foot{padding:12px 20px!important}.family-modal-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.hrp-root .family-modal-actions .btn{width:100%;min-width:0}.family-modal-actions .btn-primary{order:-1}.family-guardian{flex-direction:column;align-items:stretch;gap:12px}.family-participant{width:calc(100% - 32px);margin:16px auto;padding:12px 16px}.family-participant select{font-size:16px}.cr-content>.family-participant{margin-bottom:20px}.family-recovery{padding-block:24px}.family-recovery .family-actions{flex-direction:column;align-items:stretch}}@media (width<=359px){.family-card-actions{grid-template-columns:minmax(0,1fr)}}
