.family-dashboard{margin:26px 0 32px}.family-dashboard .section-heading{margin-bottom:18px}.family-dashboard .eyebrow{display:block;margin-bottom:9px}.family-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.family-overview-card{min-width:0;display:flex;flex-direction:column;background:var(--theme-surface,#fff);border:1px solid var(--theme-line,#e2e8e2);border-radius:18px;padding:22px}.family-overview-card header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.family-overview-card header>div{flex:1;min-width:0}.family-overview-card h3{font-size:1.1333rem;line-height:1.4;font-weight:600;color:var(--theme-text,#264938)}.family-overview-card header span:not(.avatar){font-size:var(--text-small);color:var(--theme-muted,#6d7d73)}.family-overview-card header>.avatar{width:44px;height:44px;flex-shrink:0}.family-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.family-metrics button{position:relative;display:flex;flex-direction:column;text-align:left;min-width:0;min-height:95px;border:1px solid var(--theme-line,#e5ebe6);border-radius:11px;padding:12px 10px;background:var(--theme-surface-muted,#f6f8f4);color:var(--theme-text,#34513f)}.family-metrics strong{font-size:1.6rem;font-weight:550;line-height:1.25}.family-metrics span{font-size:var(--text-caption);line-height:1.4;margin-top:7px}.family-metrics .icon{position:absolute;top:15px;right:9px;width:12px;height:12px;color:var(--theme-muted,#829483)}.family-metrics button:hover,.family-next:hover,.family-result:hover{background:var(--theme-hover,#edf3ed)}.family-next{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:18px;padding:15px 0;gap:7px;border-top:1px solid var(--theme-line,#e5ebe6);color:var(--theme-text,#294c3b);min-height:113px}.family-next-label{display:flex;align-items:center;gap:7px;font-size:var(--text-caption);color:var(--theme-muted,#6b8171)}.family-next-label .icon{width:14px;height:14px}.family-next strong{font-size:var(--text-body);line-height:1.5;font-weight:550;overflow-wrap:anywhere}.family-next small{font-size:var(--text-small);color:var(--theme-muted,#718576)}.family-calm>.icon{width:19px;height:19px;color:var(--theme-accent,#3c7655)}.family-result{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:12px;background:var(--theme-surface-muted,#f2f7f0);border-radius:10px;text-align:left;color:var(--theme-text,#36533f)}.family-result-mark{display:grid;place-items:center;min-width:32px;height:32px;background:var(--theme-surface,#fff);border-radius:9px;font-size:1.2667rem;font-weight:600}.family-result>span:nth-child(2){flex:1;min-width:0}.family-result small{display:block;font-size:var(--text-caption);color:var(--theme-muted,#6d8171)}.family-result strong{display:block;font-size:var(--text-small);font-weight:550;margin-top:3px}.family-result>.icon{width:16px;height:16px}.family-overview-card footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--theme-line,#e5ebe6)}.family-overview-card footer .text-button{font-size:var(--text-small);min-height:35px}.family-overview-card button:focus-visible{outline:2px solid var(--theme-accent-border,#598769);outline-offset:3px}
@media(max-width:600px){.family-overview-card{padding:16px}.family-dashboard .section-heading h2{font-size:1.4667rem}.family-metrics button{padding:10px 8px}.family-metrics .icon{display:none}.family-metrics span{font-size:var(--text-caption)}.family-overview-card h3{font-size:1.0667rem}.family-overview-card footer .text-button{min-height:42px}.family-overview-grid{gap:14px}}