.family-disclosure{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:#eef4ff;border:1px solid #dfe9fc;border-radius:14px;padding:14px 17px;margin:0 0 18px;color:var(--navy);font-size:13px}.family-disclosure>span:last-child{color:var(--muted);margin-left:auto}.family-live-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #315ce81a}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.family-member{min-width:0;padding:17px;border:1px solid var(--line);border-radius:var(--mp-radius-card);background:linear-gradient(150deg,#fff,#fbfcff);box-shadow:0 8px 25px #14233f08}.family-person{display:flex;align-items:center;gap:10px;min-width:0}.family-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:#eaf0ff;color:var(--blue);font-family:var(--mp-font-display);font-weight:800;font-size:13px}.family-person>div{min-width:0}.family-person strong,.family-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-person strong{font-size:14px;color:var(--navy)}.family-person small{font-size:11px;color:var(--muted);margin-top:2px}.family-state{margin-left:auto;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#eef2f8;color:#63728a}.family-ok{background:#e7f5ef;color:#267764}.family-moving{background:#eaf1ff;color:#315ce8}.family-home{background:#eef2f8;color:#5c6b82}.family-help{background:#fff0e6;color:#a94d3a}.family-plan{font-size:12px;color:var(--muted);margin:14px 0 5px;line-height:1.5}.family-plan strong{color:var(--text);font-weight:700}.family-time,.family-last{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.family-time span{color:#9aa6b8}.family-last{padding-top:9px;margin-top:9px;border-top:1px solid #edf0f5}.family-member .subtle-action{font-size:12px;padding:11px 0 0}.family-roster{list-style:none;margin:22px 0 0;padding:0}.family-roster-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0}.family-roster-row strong,.family-roster-row small{display:block}.family-roster-row small{font-size:11px;color:var(--muted);margin-top:3px}.family-roster-row .danger{padding:8px 11px;font-size:11px}.family-add-form{padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.family-add-form h3{font-size:17px;color:var(--navy)}
@media(max-width:1100px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.family-grid{grid-template-columns:1fr}.family-disclosure{align-items:flex-start}.family-disclosure>span:last-child{width:100%;margin-left:20px}.family-member{padding:16px}.family-person{flex-wrap:wrap}.family-state{max-width:none}.family-add-form .form-two{grid-template-columns:1fr}}

/* Family future projects: household plans, pickup needs, and preparation. */
.family-project-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px 26px;margin:0 0 18px;border:1px solid #dce7f8;border-radius:20px;background:radial-gradient(ellipse at 12% 0%,#e8f0ff 0,transparent 55%),linear-gradient(120deg,#f4f8ff,#fff 72%);box-shadow:var(--shadow)}
.family-project-intro h2{max-width:760px;margin:0 0 9px;color:var(--navy);font:800 clamp(23px,2.7vw,34px)/1.14 Manrope,sans-serif;letter-spacing:-.05em}
.family-project-intro p:not(.eyebrow){max-width:680px;margin:0;color:#6d7d95;font-size:13px;line-height:1.55}
.family-project-household,.family-project-sample{display:inline-flex;margin-top:14px;padding:7px 10px;border:1px solid #dbe6f8;border-radius:999px;background:#fff;color:#57709b;font-size:9px;font-weight:800;letter-spacing:.07em}
.family-project-intro>.primary{flex:0 0 auto}
.family-plan-alert{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;margin:0 0 17px;border:1px solid #f0d8a9;border-radius:14px;background:#fff8e9;color:#79521d}
.family-plan-alert>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#f7e3b7;color:#885809;font-weight:900}
.family-plan-alert strong{display:block;font-size:12px}
.family-plan-alert p{margin:5px 0 0;color:#806d4d;font-size:11px;line-height:1.45}
.family-plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.family-plan-stats article{padding:17px 19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(27,59,114,.035)}
.family-plan-stats article span,.family-plan-stats article small{display:block;color:#718098;font-size:11px}
.family-plan-stats article strong{display:block;margin:9px 0 5px;color:var(--navy);font:800 29px/1 Manrope,sans-serif}
.family-plan-stats article.attention strong{color:#a36513}
.family-project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:17px;align-items:start}
.family-project-list,.family-project-detail{min-width:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(27,59,114,.035)}
.family-project-list>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 0 13px;border-bottom:1px solid #edf0f5}
.family-project-list>header h2,.family-project-detail h2{margin:0;color:var(--navy);font:800 19px/1.2 Manrope,sans-serif;letter-spacing:-.035em}
.family-project-list .family-project-sample{margin:0;padding:5px 7px;font-size:8px}
.family-project-row{display:block;width:100%;padding:14px 12px;margin-top:10px;border:1px solid #e6ebf3;border-left:4px solid #bd861f;border-radius:12px;background:#fffcf5;text-align:left;color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.family-project-row.ready{border-left-color:#267764;background:#fbfefc}
.family-project-row:hover{transform:translateY(-2px);box-shadow:0 8px 19px rgba(27,59,114,.08)}
.family-project-row.selected{outline:2px solid #7494f5;outline-offset:1px}
.family-project-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.family-project-row-top small{color:#77869b;font-size:10px;font-weight:700}
.family-project-row strong,.family-project-row-meta{display:block;overflow-wrap:anywhere}
.family-project-row>strong{margin:7px 0 5px;color:#263957;font-size:13px}
.family-project-row-meta{margin-top:3px;color:#7e8da2;font-size:10px;line-height:1.4}
.family-project-status{display:inline-flex;flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#fff3d8;color:#945f09;font-size:9px;font-weight:800;white-space:nowrap}
.family-project-status.ready{background:#e7f5ef;color:#267764}
.family-project-detail{position:sticky;top:12px;padding:21px}
.family-project-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.family-project-detail-head .eyebrow{margin:0;font-size:9px}
.family-project-detail h2{margin:14px 0 7px;font-size:22px}
.family-project-description{margin:0;color:#738198;font-size:12px;line-height:1.5}
.family-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;padding:16px 0;margin-top:15px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.family-project-facts span,.family-project-facts strong{display:block;overflow-wrap:anywhere}
.family-project-facts span{margin-bottom:5px;color:#8390a3;font-size:9px}
.family-project-facts strong{color:#34435c;font-size:10px;line-height:1.45}
.family-project-checklist{padding-top:16px}
.family-project-checklist h3{margin:0 0 5px;color:var(--navy);font:800 14px Manrope,sans-serif}
.family-project-checklist>p{margin:0 0 9px;color:#8390a3;font-size:10px}
.family-project-check{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-top:1px solid #eff2f6;color:#42526c;font-size:11px;line-height:1.4;cursor:pointer}
.family-project-check input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:#315ce8}
.family-project-check input:checked+span{color:#8793a6;text-decoration:line-through}
.family-project-empty{position:static}
.family-project-foot{margin:15px 2px 0;color:#8793a6;font-size:10px;line-height:1.5}
.family-project-form{padding:20px;margin:0 0 18px;border:1px solid #dfe7f4;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(27,59,114,.04)}
.family-project-form>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.family-project-form>header .eyebrow{margin:0 0 4px;font-size:9px}
.family-project-form>header h2{margin:0;color:var(--navy);font:800 18px Manrope,sans-serif}
.family-form-close{width:31px;height:31px;border:0;border-radius:9px;background:#f1f4f9;color:#53637c;font-size:20px}
.family-project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.family-project-form-grid>label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#5b6b84;font-size:10px;font-weight:800}
.family-project-form-grid input,.family-project-form-grid select,.family-project-form-grid textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid #dce4f0;border-radius:9px;background:#fbfcff;color:var(--navy);font:500 12px 'DM Sans',sans-serif}
.family-project-form-grid textarea{min-height:78px;resize:vertical}
.family-project-form-grid .family-project-needs,.family-project-form-actions{grid-column:1/-1}
.family-project-form-actions{display:flex;justify-content:flex-end;gap:8px}
.family-project-form-actions button{font-size:11px}
@media(max-width:900px){.family-project-grid{grid-template-columns:1fr}.family-project-detail{position:static}}
@media(max-width:650px){.family-project-intro{align-items:stretch;flex-direction:column;padding:20px}.family-project-intro>.primary{align-self:stretch}.family-plan-stats{gap:7px}.family-plan-stats article{padding:13px 11px}.family-plan-stats article span,.family-plan-stats article small{font-size:9px}.family-plan-stats article strong{font-size:25px}.family-project-list,.family-project-detail{padding:16px}.family-project-form{padding:16px}.family-project-form-grid{grid-template-columns:1fr}.family-project-form-grid .family-project-needs,.family-project-form-actions{grid-column:1}.family-project-form-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.family-project-row{transition:none}.family-project-row:hover{transform:none}}