/* /ai-expert/ 用の調整：共通ヘッダー（通常フロー・追従）に合わせる。旧 .header（固定配置）分の上余白を詰める */
.hero { padding-top: 48px; }
@media (max-width: 768px) { .hero { padding-top: 24px; } }
/* 背景用キャンバス：描画スクリプト（particles.js）が無いため空のまま150pxの場所を取っていた。背面に固定して場所を取らないように */
#bg-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
/* スマホでキャラクター画像（.hero-side-visual）が右にはみ出し、ページが横にずれていた（元からの問題）。はみ出しは見せたまま横スクロールを止める */
html { overflow-x: clip; }