height: auto はアニメーション不可。grid-template-rows: 0fr→1fr なら「中身の高さぶん」を数値なしで動かせる。

決め打ちの max-height は内容量が変わると破綻する。長いと途中で切れ、短いと速度が狂う。

グリッド内側に min-height: 0 と overflow: hidden。これがないと 0fr でも潰れず閉じない。