/* Flex テーマの chrome を非表示（Classic 側が自前のヘッダー/フッターを持つため） */
#page > #masthead,
#page > .es-header-breadcrumb,
#page > #content > .es-container.page-header,
#page > .es-link-container,
#page > #colophon,
body > .sp.footer_bt_bar { display: none; }

/* Classic レイアウトを素の幅で描くため、テーマのコンテナ制約を外す。
   .es-container は flex なので width:auto だけでは縮んだままになる（flex-basis が効く）。 */
#page, #page > #content { max-width: none; width: auto; margin: 0; padding: 0; }
#page > #content > .es-container { display: block; max-width: none; width: auto; margin: 0; padding: 0; }
#page > #content > .es-container > #primary {
  flex: none; max-width: none; width: auto; margin: 0; padding: 0; }
#page > #content > .es-container > #primary > .site-main,
#page > #content > .es-container > #primary .entry-content { margin: 0; padding: 0; }

/* Flex の動的ブロック（acf/feature-new 等）は Gutenberg のブロック CSS で組まれるが、
   Classic の reset.css が持つ HTML5 display reset（`div{display:block}`）をラップ要素に
   スコープすると詳細度で勝ってしまい、カラムが縦積みになる。ブロック側を復元する。 */
.classic-body .wp-block-columns { display: flex; flex-wrap: wrap; }
.classic-body .wp-block-columns > .wp-block-column { display: block; }
.classic-body .es_new_block .wp-block-columns.es-list { align-items: stretch; }