さらにそのそれぞれの列の中に
「グループブロック（クラス名：pop-form-box）」を入れて、アメコミ風の太枠デザイン（borderとbox-shadow）を実装しています。

スマホの縦並びの時はデザインが100%完璧に表示されるのですが、
PCの横並び（Flexbox）になった途端、右側と下側の影（7px）や4pxの太枠がバッサリとカットされて消えてしまいます。

スマホで縦並びの時はうまくいくためデザインのCSS自体は合っていると思うのですが、
PCで横並びになると、フルワイドブロックのインナー幅やリッチカラムの幅計算、
あるいは画像やフォーム特有の横幅制限と競合しているのか、親要素の overflow: hidden; を visible に上書きする等のCSSを試してもPC表示時のみうまく効きません。

PC（横並び）でもスマホ（縦並び）でも、
枠線と影をカットさせずにパキッと表示させるための正しいCSSの指定方法、
あるいはブロックの階層構造の正解を教えていただきたいです。