I can't figure out how to modify the radio button to make it align correctly when the PDF file is saved to the repository. Looks great on the application, but when it's saved, the button runs off the border.
I couldn't exactly replicate your issue, so here's some general advice to research.
Some of the field elements like input do not exist in the archived version of the form, so your CSS that is determining the positioning and layout may not work in the archived version.
To see what the field is referred to in the archive versionm you can usually, open a completed version of your form from within LFForms (from the Completed section or Monitor page for example), view the submitted form, and use the Inspect Elements functionality in your browser (F12 in Chrome). If you see the same issue happening in the completed version of the form in LFForms, then this should work to identify the differences. Do the Inspect Elements functionality on your active, and then compare the differences between the two versions.
Looks like lines 5 through 14 of your CSS refer to this field, and address multiple elements - differences in those items are what are you hoping to address.