Hidden radios hold the state: exclusivity is native and the height animates in pure CSS, without a single line of script.
The row goes from 0fr to 1fr: the actual height is interpolated in both directions, no magic max-height.
Yes: native radio group — arrow keys to switch sections, visible focus ring on the header.