/* Family page. Tokens in tokens.css; .wz-people/.wz-person shared with home (family-base below). */
.wz-family .eyebrow{font-size:var(--wz-t-xs);font-weight:700;letter-spacing:.06em;color:var(--wz-muted);margin:0}
.wz-family .intro{color:var(--wz-muted);margin:4px 0 16px}
#family-root{display:flex;flex-direction:column;gap:16px}
#family-root>h2{font-size:var(--wz-t-xl);margin:0}
.family-checkin{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.family-checkin .wz-btn{min-height:56px;font-size:var(--wz-t-lg)}
.family-members{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.family-members li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);background:var(--wz-surface)}
.family-members .who b{display:block}.family-members .when{font-size:var(--wz-t-sm);color:var(--wz-muted)}
.family-members a,.family-members button{font-size:var(--wz-t-sm)}
.family-members .danger{border:0;background:none;color:var(--wz-danger);cursor:pointer;min-height:36px}
.family-upsell,.family-invite,.family-create{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);padding:16px}
.family-upsell{background:var(--wz-brand-soft);border-color:var(--wz-brand-soft)}
.family-upsell p,.family-small{font-size:var(--wz-t-sm);color:var(--wz-muted)}
.family-create label,#family-root form label{display:grid;gap:6px;font-size:var(--wz-t-sm);font-weight:600}
#family-root input{height:var(--wz-tap);border:1px solid var(--wz-line);border-radius:var(--wz-r);padding:0 12px;font-size:var(--wz-t-md)}
#family-root .button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--wz-tap);padding:0 18px;border-radius:var(--wz-r);border:0;background:var(--wz-brand);color:#fff;font-weight:600;cursor:pointer;margin-top:8px;text-decoration:none}
#family-root .link{border:0;background:none;color:var(--wz-muted);text-decoration:underline;cursor:pointer;padding:0}
.wz-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.wz-steps li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;gap:2px 12px;align-items:start}
.wz-steps li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:16px;background:var(--wz-brand-soft);color:var(--wz-brand);font-weight:700;display:flex;align-items:center;justify-content:center}
.wz-steps b{font-size:var(--wz-t-md)}.wz-steps span{font-size:var(--wz-t-sm);color:var(--wz-muted)}
.wz-family-cta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.wz-family-example .wz-btn[aria-disabled]{opacity:.6;pointer-events:none}
.family-members .danger{color:var(--wz-muted);font-weight:500}
.family-members a{color:var(--wz-brand);text-decoration:none;font-weight:600}