CSS論理プロパティ

Outcome：Complete the task with CSS論理プロパティ (CSS Logical Properties)。 User context：チェックアウトでは、アイコンの横のスペースに `margin-inline-start` を、仕切りには `border-inline-end` を使用します。同じルールにより、英語、アラビア語のRTL、縦書き日本語で意図した側に配置され、言語ごとのオーバーライドは不要です。 Design concept to apply：CSS論理プロパティ (CSS Logical Properties)。 Why it fits：複数の書き方向で機能するコンポーネントには、論理的な間隔、サイズ、境界線、位置を優先してください。 Do not use it when：実際の物理的な側面が本当に必要な場合にのみ、上、右、下、左を使用してください。テキストの流れはその必要性を変更すべきではありません。 Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：きちんとした書類でも、まだドラフトやリリース候補、あるいは最終版かもしれません。ステータスや、ブラウザやプラットフォームの対応状況を確認しましょう。 Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.