.family-page { max-width:1120px; margin:0 auto; color:var(--kt-263d32); }
.family-selected-child { margin:24px 0; }
.family-selected-child h2 { margin:6px 0; font-size:clamp(1.25rem,2.5vw,1.6rem); }
.family-selected-child p { line-height:1.6; }
.family-page h1,.family-page h2,.family-page h3 { color:var(--kt-263d32); overflow-wrap:anywhere; }
.family-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:24px; }
.family-heading h1 { font-size:clamp(2rem,4vw,2.8rem); margin:8px 0 12px; }
.family-heading p { line-height:1.7; max-width:650px; margin:0; }
.family-heading>.button { flex-shrink:0; margin-top:12px; }
.family-page .button { min-height:44px; white-space:normal; text-align:center; }
.family-panel { background:var(--ks-fff); border:1px solid var(--ks-dce5dd); border-radius:22px; padding:clamp(18px,2.5vw,28px); min-width:0; margin:0 0 22px; }
.family-panel h2 { font-size:1.35rem; margin:0 0 14px; }
.family-panel h3 { font-size:1.05rem; margin:4px 0 6px; }
.family-panel p { line-height:1.65; }
.family-access { padding-block:32px; }
.family-access p { max-width:650px; line-height:1.7; }
.family-actions { display:flex; align-items:center; gap:12px 20px; flex-wrap:wrap; margin-top:16px; }
.family-permissions { display:flex; gap:18px; padding:22px; border-radius:20px; background:var(--ks-e8f2e9); margin-bottom:24px; border:1px solid var(--ks-d8e7da); }
.family-permissions strong { font-size:1.05rem; }
.family-permissions p { margin:6px 0; line-height:1.65; }
.family-permissions small { display:block; font-size:.88rem; line-height:1.6; }
.family-symbol { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:16px; background:var(--ks-fff); color:var(--kt-32725c); font-size:1.7rem; }
.family-management-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:22px; align-items:start; }
.family-form { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin:22px 0 14px; }
.family-form label,.family-period-fields label { display:flex; flex-direction:column; gap:8px; font-weight:700; width:100%; min-width:0; font-size:.92rem; }
.family-form input,.family-period-fields input,.family-period-fields select { width:100%; min-width:0; min-height:46px; box-sizing:border-box; padding:10px 12px; font:inherit; font-weight:400; border:1px solid var(--ks-b7c8bb); border-radius:11px; color:var(--kt-263d32); background:var(--ks-fff); }
.family-page :focus-visible { outline:3px solid var(--ks-32725c); outline-offset:3px; }
.family-link-steps { padding-left:22px; margin:14px 0; }
.family-link-steps li { line-height:1.65; margin-bottom:9px; padding-left:4px; }
.family-note,.family-panel .family-note { color:var(--kt-637368); font-size:.87rem; line-height:1.6; margin:10px 0; overflow-wrap:anywhere; }
.family-flash { margin:0 0 20px; padding:14px 18px; border-radius:12px; background:var(--ks-e8f2e9); line-height:1.6; overflow-wrap:anywhere; }
.family-flash:empty { display:none; }
.family-flash[data-error="true"],.family-error { color:var(--ktk-9c382b); background:var(--ksk-fff1eb); }
.family-error { padding:16px; border-radius:12px; }
.family-loading,.family-empty { color:var(--kt-637368); line-height:1.65; padding-block:10px; }
.family-empty p { margin:8px 0; }
.family-relations { list-style:none; padding:0; margin:0; }
.family-relations li { display:flex; gap:12px; flex-wrap:wrap; align-items:center; padding:16px 0; border-bottom:1px solid var(--ks-e6ece6); }
.family-relations li:last-child { border-bottom:0; }
.family-relations li>div { flex:1; min-width:100px; overflow-wrap:anywhere; }
.family-relations small { display:block; margin-top:5px; color:var(--kt-637368); line-height:1.6; font-size:.82rem; }
.family-remove { color:var(--kt-8a4936); font-size:.85rem; min-height:44px; }
.family-avatar { width:44px; height:44px; display:grid; place-items:center; flex:none; border-radius:15px; background:var(--ks-e8f2e9); font-size:1.15rem; color:var(--kt-32725c); font-weight:900; }
.family-code-box,.family-link-preview,.family-remove-confirm { margin-top:20px; padding:20px; border-radius:16px; border:1px solid var(--ks-d3e1d6); background:var(--ks-f3f7f0); overflow-wrap:anywhere; }
.family-code { display:block; margin:14px 0; color:var(--kt-263d32); font-family:ui-monospace,monospace; font-size:clamp(1.1rem,2vw,1.7rem); font-weight:700; letter-spacing:.08em; overflow-wrap:anywhere; }
.family-code-box p { font-size:.88rem; margin-bottom:0; }
.family-child-tabs { display:flex; gap:14px; flex-wrap:wrap; margin:0 0 22px; }
.family-child-tabs button { display:flex; gap:12px; align-items:center; text-align:left; border:1px solid var(--ks-dce5dd); border-radius:16px; padding:14px 20px; background:var(--ks-fff); color:var(--kt-263d32); min-height:72px; font:inherit; max-width:100%; cursor:pointer; }
.family-child-tabs button[aria-pressed="true"] { background:var(--ks-e8f2e9); border:2px solid var(--ks-32725c); padding:13px 19px; }
.family-child-tabs strong { display:block; overflow-wrap:anywhere; }
.family-child-tabs small { display:block; margin-top:4px; font-size:.8rem; color:var(--kt-637368); }
.family-period-fields { display:grid; grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(170px,1.3fr) auto; gap:16px; align-items:end; }
.family-period { padding-block:20px; }
.family-period-fields>.button { margin:0; min-height:46px; }
.family-summary { border:1px solid var(--ks-d8e7da); background:var(--ks-e8f2e9); border-radius:22px; padding:clamp(20px,3vw,30px); margin:0 0 22px; }
.family-summary h2 { font-size:1.6rem; margin:7px 0 10px; }
.family-summary p { line-height:1.65; }
.family-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 0; }
.family-stat-grid>div { border-left:1px solid var(--ks-cbded0); padding-left:20px; }
.family-stat-grid>div:first-child { border-left:0; padding-left:0; }
.family-stat-grid dt { font-size:.87rem; line-height:1.5; color:var(--kt-516a58); }
.family-stat-grid dd { margin:5px 0 0; font-size:2rem; font-weight:900; }
.family-stat-grid dd small { font-size:1rem; font-weight:500; }
.family-followup-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:22px; align-items:start; }
.family-subject-results { list-style:none; padding:0; margin:20px 0; }
.family-subject-results li { margin:20px 0; }
.family-subject-heading { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.family-subject-heading span { font-size:.8rem; color:var(--ktk-637368); flex-shrink:0; }
.family-result-bar { display:flex; height:12px; border-radius:20px; overflow:hidden; background:var(--ks-e4e8e0); margin-top:10px; }
.family-result-bar>span { display:block; }
.family-page .is-correct { background:var(--ksk-32725c); }
.family-page .is-wrong { background:var(--ksk-c78450); }
.family-page .is-blank { background:var(--ks-dfe4dc); }
.family-bar-caption { margin:6px 0; font-size:.78rem; color:var(--kt-637368); }
.family-legend { display:flex; flex-wrap:wrap; gap:10px 16px; font-size:.77rem; color:var(--kt-637368); margin-top:18px; }
.family-legend span { display:flex; gap:6px; align-items:center; }
.family-legend i { width:10px; height:10px; display:block; border-radius:3px; }
.family-not-evaluated { margin-top:22px; border-top:1px solid var(--ks-e6ece6); padding-top:16px; font-size:.85rem; color:var(--kt-637368); }
.family-not-evaluated summary { cursor:pointer; font-weight:700; line-height:1.6; }
.family-priorities { padding-left:23px; }
.family-priorities>li { padding-left:5px; margin:20px 0; }
.family-priorities>li::marker { font-weight:900; color:var(--kt-32725c); }
.family-priorities a { font-size:.9rem; font-weight:700; }
.family-tag { display:inline-block; color:var(--kt-6a684c); background:var(--ks-f5f2e4); border-radius:6px; font-size:.7rem; padding:4px 8px; font-weight:700; }
.family-recent-results { list-style:none; padding:0; margin:0; }
.family-recent-results>li { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; border-bottom:1px solid var(--ks-e6ece6); }
.family-recent-results>li:last-child { border-bottom:0; }
.family-recent-results>li>div:first-child { min-width:0; }
.family-recent-results p { font-size:.85rem; color:var(--kt-637368); margin:8px 0 0; }
.family-recent-results .report-downloads { flex-shrink:0; max-width:220px; }
.family-onboarding { text-align:center; padding-block:36px; }
.family-onboarding>.family-symbol { margin:0 auto 20px; }
.family-onboarding p { max-width:600px; margin:14px auto 22px; }
.family-discover { display:block; margin-top:18px; font-size:.92rem; }
.is-parent .kh-sidebar-note { background:var(--ks-f3f7f0); }
@media (max-width:1100px) { .family-period-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) {
  .family-management-grid,.family-followup-grid { grid-template-columns:1fr; gap:0; }
  .family-heading { flex-direction:column; gap:6px; }
  .family-heading>.button { margin:10px 0 0; }
  .family-permissions { padding:18px; gap:12px; }
  .family-permissions>.family-symbol { width:34px; height:34px; font-size:1.2rem; }
  .family-child-tabs { gap:10px; }
  .family-child-tabs button { flex:1 1 140px; padding:12px; }
  .family-child-tabs button[aria-pressed="true"] { padding:11px; }
  .family-stat-grid { gap:10px; }
  .family-stat-grid>div { padding-left:10px; }
  .family-stat-grid dt { font-size:.75rem; }
  .family-stat-grid dd { font-size:1.7rem; }
  .family-recent-results>li { align-items:flex-start; flex-direction:column; gap:12px; }
  .family-recent-results .report-downloads { max-width:100%; }
}
@media (max-width:380px) {
  .family-page .button { width:100%; }
  .family-period-fields { grid-template-columns:minmax(0,1fr); }
  .family-stat-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .family-stat-grid>div { padding:0; border:0; display:flex; align-items:baseline; gap:12px; justify-content:space-between; }
  .family-stat-grid dd { margin:0; }
  .family-subject-heading { flex-wrap:wrap; gap:0; }
}