【ワードプレス】CSSによるデザイン変更のための具体的な記述を教えて頂きたいです

以下に具体的に直したい点を列挙します。 以下サイトは子テーマを利用しており、子テーマへの追記で下記1〜9を修正できればと考えています。 https://sumahoswitch.com/change-sim/ 1．h2の幅をbody?全体に広げる（左右の余白をなくす） 2．TOCによる目次を設けていて、見出しをクリックするとデフォルトではその見出しの直後の文章が画面の一番上に表示されるが、クリックをした見出しが画面一番上にくるようにジャンプさせたい。 3．「ユーザー満足度No.1！」というマイクロコピーとその下のボタンとの間の空白をなくしたい 4．上記3でも触れている、ボタンの文字サイズやpaddingをもう少し大きく広くしたい。PCスマホ両方において。 5．記事終盤の表に関して、スマホサイズに合わせて表幅を変更しないような設定にし、（端末幅に合わせて自動的にセル内で改行しない設定にし）、見栄えのためにスマホでは横スクロールして表全体を見るような設定にしたところ、PC表示で右側に余白ができてしまった。 PC表示ではwidth100パーセントにしたい。 6．再度表について。1列目の幅を表の○%とし、2〜4列目の幅を「(100−○)÷3」としたいです。 ○パーセントではなく△pxとするかもしれませんが、今後、表を作成するにあたって、htmlをいじることでそのあたりの調整ができるようにしたい。 7．記事冒頭の内部リンク「MVNOって何？〜〜」のブログカードがPC表示では問題ないが、スマホ表示でイマイチなので最適化したい。 8．こちらの記事の終盤にあるような https://orekabu.jp/matsuisecurities/ 「桜井ノート」のように、記事中において記事幅いっぱいの画像を背景にした「記事の総括のまとめ」記述部分を設けたい。 9．PC表示におけるタイトル画像ロゴの表示サイズが小さいのでもう少し大きくしたい。（スマホ基準にて設定したらそのサイズになった） 生意気言って申し訳ございませんが、力技で無理やり上記を実現したとしても、構文上?適切でない構造は避けたく、最適な記述によって実現したいと考えています。 そのため応募の際は見積りとともに、CSSやワードプレスの経験や実績をお知らせいただければ幸いです。 何卒、よろしくお願いします。