/* セクションの構造スタイルのみ（色・フォントなどの装飾は子テーマ / patterns.css 側）。
   各セクションはブロックエディタで背景色・背景画像を設定できるよう全幅（align:full）。
   見出しと本文は yoga-section__inner でコンテンツ幅に戻す。
   子テーマが無い環境でもレイアウトが崩れないための最小限のベース。 */

.yss-section{
  width: 100vw;
  max-width: 100vw;
  /* 左右は全幅化のための負マージン。上下マージンは 0（子テーマ／Cocoon の
     .wp-block-group { margin-bottom: 1.8em } を上書き）。区切りは padding で作る。 */
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 48px;            /* 従来 72px の約 2/3 */
  padding-bottom: 48px;
}
.yoga-home{ margin-bottom: 0 !important; }

.yss-section .yoga-section__inner{
  width: 100%;
  max-width: var(--yoga-content, 840px);
  margin-inline: auto;
  padding-inline: 20px;
}

@media (max-width: 600px){
  .yss-section{ padding-top: 35px; padding-bottom: 35px; }
  .yss-section .yoga-section__inner{ padding-inline: 18px; }
}