/* My Children (D035), design D Void Deck Playground: stage pads in the stage colour, 3px ink outlines,
   spacing tokens from assets/tokens.css. Used on /members/, /join/ (the sign-up step), tools with a
   child's date and the homepage and stage hubs (the family strip). */
.member-children{margin-top:var(--space-group)}
.member-children>h2{margin:0 0 var(--space-title-after)}
.member-children>.member-lead{margin:0 0 var(--space-heading-after);max-width:42rem}
.child-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:var(--space-grid);margin:0 0 var(--space-block)}
.child-card{display:flex;gap:var(--space-stack);align-items:flex-start;min-width:0;padding:var(--space-card);background:var(--card);border:3px solid var(--outline);border-radius:var(--radius);box-shadow:0 5px 0 var(--outline)}
.child-pad{flex:0 0 auto;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;color:var(--stage-on);background:var(--rubber,none),var(--stage);box-shadow:inset 0 -5px 0 rgba(0,0,0,.18)}
.child-pad svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.child-body{min-width:0;flex:1 1 auto}
.child-name{margin:0 0 var(--space-tight);font:900 1.25rem/1.15 var(--font-head);overflow-wrap:anywhere}
.child-name small{font:700 .8125rem/1 var(--font-body);color:var(--muted)}
.child-stage{margin:0 0 var(--space-stack);font-weight:700}
.child-stage a{color:var(--ink)}
.child-next{display:flex;flex-direction:column;gap:var(--space-tight);margin:0 0 var(--space-stack);padding:var(--space-stack);border-radius:var(--radius-field);background:var(--paper)}
.child-next-label{font:800 .75rem/1 var(--font-body);color:var(--muted)}
.child-next a{font-weight:800}
.child-next-date{font:900 1.125rem/1.2 var(--font-head)}
.child-actions{display:flex;flex-wrap:wrap;gap:var(--space-inline)}
.child-actions .btn{min-height:44px;flex:1 1 7rem;width:auto;margin:0}
.child-editor:empty{display:none}
.child-edit{margin:0 0 var(--space-block);padding:var(--space-card);border:3px solid var(--outline);border-radius:var(--radius);background:var(--card)}
.child-edit h3{margin:0 0 var(--space-heading-after)}
.child-rows{display:grid;gap:var(--space-stack);margin:0 0 var(--space-stack)}
.child-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-stack);padding:var(--space-stack) 0;border-top:1px dashed var(--hair)}
.child-row:first-child{border-top:0}
.child-field{display:flex;flex-direction:column;gap:var(--space-label);min-width:0}
.child-field label{font-weight:800}
.child-field input{width:100%;min-height:48px;font-size:1rem;border:3px solid var(--outline);border-radius:var(--radius-field);padding:0 var(--space-3);background:var(--card);color:var(--ink)}
.child-field .member-fineprint{margin:0}
.child-row .field-error{grid-column:1/-1;margin:0}
.child-add{margin:0 0 var(--space-block)}
.child-consent{max-width:42rem;margin:var(--space-stack) 0}
.children-status:empty{display:none}
.member-children-step .onboarding-stage{padding:var(--space-block) 0 var(--space-section)}
.member-children-step h1{margin:0 0 var(--space-title-after)}
.member-children-step .member-lead{margin:0 0 var(--space-heading-after)}
.member-children-step .action-row{display:flex;flex-wrap:wrap;gap:var(--space-inline)}
/* Tools: "Use for: Child 1 / Child 2". */
.child-use{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline);margin:0 0 var(--space-label)}
.child-use>span{font-weight:800;font-size:.875rem}
.child-use .chip{min-height:44px;padding:0 var(--space-4);border:3px solid var(--outline);border-radius:var(--radius-btn);background:var(--card);color:var(--ink);font:800 .875rem/1 var(--font-body);cursor:pointer}
.child-use .chip[aria-pressed=true]{background:var(--yellow);color:#1d2328}
.child-use .chip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* Homepage and stage hubs: "For your family". */
.family-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline);max-width:var(--container,72rem);margin:var(--space-block) auto;padding:var(--space-stack) var(--space-4);border:3px solid var(--outline);border-radius:var(--radius-btn);background:var(--card);font-weight:800}
.family-strip-label{color:var(--muted)}
.family-strip-sep{color:var(--muted)}
.family-strip-item{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);text-decoration:none}
.family-strip-item .child-pad{width:2rem;height:2rem;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.family-strip-item .child-pad svg{width:1rem;height:1rem}
.family-strip-item:hover,.family-strip-item.is-here{text-decoration:underline;text-underline-offset:3px}
@media(max-width:30em){.family-strip{border-radius:var(--radius);margin-inline:var(--space-4);column-gap:var(--space-4);row-gap:0}.family-strip-label{flex:1 1 100%}.family-strip-sep{display:none}.child-card{flex-direction:column}}