/* ================================================================
   layout.css — コンテナ・セクション・ページヘッダー・カラム
   ================================================================ */

/* ── コンテナ・セクション ── */
.rc-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; width: 100%; }
.rc-section        { padding: 64px 0; }
.rc-section--gray  { background: var(--base-2); }

/* ── ページヘッダー ── */
.rc-page-header {
  background: linear-gradient(135deg, var(--cool-5) 0%, var(--cool-4) 100%);
  padding: 64px 24px 56px;
  text-align: center;
  color: #fff;
  border-bottom: 4px solid var(--brilliant-4);
}
.rc-page-header__eyebrow {
  font-size: .75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--brilliant-4);
  margin-bottom: 10px;
  font-weight: 600;
}
.rc-page-header__title {
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,.2);
}

/* ── 2カラム ── */
.rc-two-col { display: flex; gap: 24px; align-items: flex-start; }
.rc-two-col > * { flex: 1; }
.rc-two-col--wide-left > *:first-child { flex: 1.5; }