疑似要素

Outcome：Complete the task with 疑似要素 (Pseudo-element)。 User context：記事では `::first-letter` を使って装飾的なドロップキャップを作り、`::selection` を使って選択されたテキストを読みやすく保っています。必須項目の星印は `::before` のみで作られるわけではありません。「必須」は、色や生成されたコンテンツが欠けていても、legend 内でまだ表示され、ソフトウェアから利用可能です。 Design concept to apply：疑似要素 (Pseudo-element)。 Why it fits：オプションの装飾や定義されたテキスト部分には擬似要素を使用します。意味がない場合には空のDOM要素を追加しません。 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.