#1096 のサブタスク。#1097 の設計に基づいて実装する。
内容
common.css に残る stylelint-disable no-descending-specificity のうち、意図的な上書きに分類される箇所を @layer を使った実装に置き換え、抑制コメントを削除する。
対象例:
.sidebar--collapsed 配下での非表示化（.in-page-sidebar__list / .sidebar-settings / .sidebar-filter）.tab-content-section 配下でのタブ配色の上書き（.jig-tabs / .jig-tab / .jig-tab.active）.entrypoint-section--simplified 配下での非表示化（.entrypoint-item__io）body.hide-domain-diagrams 配下での非表示化（.mermaid-diagram）
別のDOM subtree同士の偶然の一致（サイドバー設定パネル vs 用語カードのsummary等）は@layerでは解消できないため対象外とし、引き続き理由付きコメントで抑制する。
完了条件
- 対象箇所の
stylelint-disable no-descending-specificity が削除されている
npx stylelint がクリーンであるnpm run test が通過する- Playwrightが使えないため、DOM構造ベースのテストで表示切り替え（折りたたみ、タブ切り替え、diagram非表示等）の挙動に回帰がないことを確認する
Created by Claude Code.
#1096 のサブタスク。#1097 の設計に基づいて実装する。
内容
common.cssに残るstylelint-disable no-descending-specificityのうち、意図的な上書きに分類される箇所を@layerを使った実装に置き換え、抑制コメントを削除する。対象例:
.sidebar--collapsed配下での非表示化（.in-page-sidebar__list/.sidebar-settings/.sidebar-filter）.tab-content-section配下でのタブ配色の上書き（.jig-tabs/.jig-tab/.jig-tab.active）.entrypoint-section--simplified配下での非表示化（.entrypoint-item__io）body.hide-domain-diagrams配下での非表示化（.mermaid-diagram）別のDOM subtree同士の偶然の一致（サイドバー設定パネル vs 用語カードのsummary等）は@layerでは解消できないため対象外とし、引き続き理由付きコメントで抑制する。
完了条件
stylelint-disable no-descending-specificityが削除されているnpx stylelintがクリーンであるnpm run testが通過するCreated by Claude Code.