/* Radio group · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: RadioGroup. */
/* base.css */
input[type=radio].cb, .cb.rd{border-radius:50%}
/* base.css */
input[type=radio].cb:checked{background-color:hsl(var(--background));box-shadow:inset 0 0 0 4px hsl(var(--primary))}
/* base.css */
input[type=radio].cb:checked:focus-visible, input[type=radio].cb.is-focus:checked{box-shadow:inset 0 0 0 4px hsl(var(--primary)),var(--focus-ring)}
/* base.css */
input[type=radio].cb:disabled:checked{box-shadow:inset 0 0 0 4px hsl(var(--muted-foreground)/.55)}
/* families/form-controls/family.css */
.fc-group{display:flex;flex-direction:column;gap:var(--s-3)}
/* families/form-controls/family.css */
.fc-group.h{flex-direction:row;flex-wrap:wrap;gap:var(--s-3) var(--s-6)}
/* families/form-controls/family.css */
.fc-rcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
/* families/form-controls/family.css */
.fc-rcard{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border:1px solid hsl(var(--input));border-radius:var(--r-card);cursor:pointer;transition:border-color var(--motion-hover),background-color var(--motion-hover),box-shadow var(--motion-focus)}
/* families/form-controls/family.css */
.fc-rcard:hover{border-color:hsl(var(--muted-foreground)/.55)}
/* families/form-controls/family.css */
.fc-rcard:has(input:checked){border-color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary))}
/* families/form-controls/family.css */
.fc-rcard b{display:block;font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice)}
/* families/form-controls/family.css */
.fc-rcard span.d{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:3px}