Tailwind CSS

Outcome：Complete the task with Tailwind CSS (Tailwind CSS)。 User context：チームは画面サイズに合わせた余白やフォーカスの状態を表す共通トークンを使います。同じパターンが繰り返される時は、コンポーネントとして切り出します。 Technology or engineering concept：Tailwind CSS (Tailwind CSS)。 Why it fits：ユーティリティクラスがチームのルールに適合し、ビルドがすべてのクラスのソースを見つけられる場合に使用します。 Do not use it when：あらゆる場所で任意の値を使用すること、検出できないほど動的に構築されたクラス名を避けてください。繰り返されるマークアップはコンポーネントが必要な場合があります。 Engineering fit: Define where it runs and which version to use. Set its job, interfaces, data flow, dependencies, supported systems, security, and speed limits. Explain how it fits the current stack. Lifecycle safeguards: Check dependency health and licenses. Add monitoring and a fallback. Name the upgrade owner. Do not add a second tool for the same job without a measured benefit. Acceptance criteria: A small integration proves the needed behavior. Test compatibility, security, failure, and performance. Document deploy, upgrade, support, and rollback steps. Evidence and limits (evidence boundary)：その情報源にとって公式です。他のプラットフォームやチームはその用語を別の方法で使用する場合があります。 Unknowns to confirm: Current stack, runtime and version rules, target systems, dependency owner, performance budget, support period, and migration limits.