/*
 * EE Theme - layout.css
 * Purpose: 그리드/컨테이너/공통 레이아웃, 헤더/푸터 골격 등 레이아웃 레이어
 * Load order: 2 (after base)
 * Migration notes:
 *  - main.css, template.css의 레이아웃(컨테이너, 섹션 여백, grid/flex) 규칙을 이관
 *  - float/고정폭 레거시는 legacy.css로 이전(또는 점진 교체)
 */

/* Containers */
.ee-container{
  max-width: var(--site-content-max, 1400px);
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.ee-container-mega{
  max-width: var(--site-content-max, 1400px);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}


/* Sections */
.section{
  position: relative;
  padding: 64px 0;
}

/* Page height helpers */
#page.site, .site-content-contain, #content{
  min-height: 100%;
}

/* Fixed header baseline (structure only; visuals live in components/header.css & header-mega.css) */
.site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--header-h, 100px);
}

/* Body offset for fixed header */
body{ padding-top: var(--header-h, 100px); }

/* Global seam killers (remove default gaps between key sections)
 * [source] assets/css/main.css
 * [risk] low (동일 선택자 복제, 특이성 동일)
 */
.hero{margin-bottom:0;}
.hero + *{margin-top:0;}
.home .entry-content > *:first-child{margin-top:0;}
.site-main > article:first-child{margin-top:0;}