/* ============================================================
   page-main.css — D0 Main page layout (additive scaffolding)
   ------------------------------------------------------------
   목적: 메인 페이지에만 적용되는 안전한 레이아웃 기본값.
   - 외부 <link>은 인라인 <style>보다 선언 순서가 빨라
     기존 페이지 인라인 CSS가 자동으로 우선 적용됩니다.
   - 본 파일은 비어있는 부분에만 기본값을 채우는 fallback 용도.
   - body.tier-main 스코프로 다른 tier에 새지 않게 격리.
   ============================================================ */

/* --- 메인 페이지 전역 스크롤 / 너비 기본값 ---------------- */
body.tier-main{
  scroll-behavior: smooth;
}

/* 메인 섹션 공통 세로 리듬 (인라인이 있으면 무시됨) */
body.tier-main section{
  position: relative;
}

/* --- 메인 히어로 영역 fallback ----------------------------- */
body.tier-main .hero-main{
  min-height: 520px;
}

/* --- CTA 스트립: 인라인 CSS가 카드형 padding(36×56px) 정의함 ---
   기존 fallback (가로 padding 0)이 인라인을 덮어써서 텍스트·버튼이
   양쪽 끝에 붙어보이는 문제 발생. 2026-05-21 사용자 검수에서 제거. */

/* --- 산업/제품 카드 그리드 fallback ----------------------- */
body.tier-main .industry-grid,
body.tier-main .product-grid,
body.tier-main .solution-grid{
  display: grid;
  gap: 20px;
}

/* --- 콤보 솔루션 섹션 fallback ---------------------------- */
body.tier-main .combo-section{
  padding: clamp(56px, 6vw, 96px) 0;
}

/* --- 메인 페이지 푸터 직전 마지막 섹션 여백 fallback ----- */
body.tier-main main > section:last-of-type{
  padding-bottom: clamp(64px, 6vw, 104px);
}

/* --- 반응형 보정 ----------------------------------------- */
@media (max-width: 768px){
  body.tier-main .hero-main{ min-height: 420px; }
}