前提

Astroの<style>は便利だが、開発中のデバッグ体験では割り切りが必要になる。

目的

• コンポーネント分割を進めても崩れない
• CSSの責務を明確にする

指針（仮）

• レイアウト：外部CSS（Modules）に寄せる
• コンポーネント内の微小な装飾：<style>でも可
• 影響範囲が広いもの：必ずModulesへ

最低限のルール

• クラス名は役割（card, hero, stack）で付ける
• 状態（is-active）は別レイヤー

まとめ

「気持ちよく書ける」より「後で直せる」を優先して、CSSの置き場所を決める。