ヘッダー以下の要素を右にシフトさせる方法を探しています

サポート
2

なぜそうしたいのか、すぐにわかりませんが、トピックページの <body> タグには、ユニークなクラスが追加されています。そのクラスは archetype-regular です。

これを使って、以下のようにスタイル変更のスコープを限定できます。

.archetype-regular {
  #main-outlet {
    // スタイルをここに記述
  }
}

パーソナルメッセージページにも同様の仕組みがあり、その場合は archetype-private_message というクラスが使用されます。

PM ページにも変更を適用したい場合は、上記の CSS にセレクターを追加して以下のように記述します。

.archetype-regular,
.archetype-private_message {
  #main-outlet {
    // スタイルをここに記述
  }
}

ただし、#main-outlet のマージンを変更すると、予期せぬ影響が出る可能性があることにご注意ください。詳しくはこちらをご覧ください。