@charset "UTF-8";
/* Studyflex page layout tokens and footer normalization.
   Header dimensions and typography are defined only in site-header.css.
   Mobile <=767, tablet 768-1023, desktop 1024-1279, wide >=1280. */

:root {
    /* 분기점 (문서화용 — 미디어쿼리에는 리터럴을 쓴다. CSS 변수는 @media 에서 못 쓴다) */
    --sf-bp-tablet: 768px;
    --sf-bp-desktop: 1024px;
    --sf-bp-wide: 1280px;

    /* 콘텐츠 최대 폭 */
    --sf-max: 1240px;

    /* 페이지 좌우 여백 (밴드별) — R2-d 에서 적용 */
    --sf-gutter: 16px;


    /* 푸터 상/하 여백 — R2-c 에서 적용 */
    --sf-footer-pt: 60px;
    --sf-footer-pb: 40px;
}

@media (min-width: 768px) {
    :root {
        --sf-gutter: 20px;
        --sf-footer-pt: 72px;
        --sf-footer-pb: 48px;
    }
}

@media (min-width: 1024px) {
    :root {
        --sf-gutter: 24px;
    }
}

@media (min-width: 1280px) {
    :root {
        --sf-gutter: 32px;
        --sf-footer-pt: 80px;
        --sf-footer-pb: 56px;
    }
}

/* Header rules live in site-header.css, shared with the publisher homepage. */

/* Footer rules live in site-footer.css, shared by all public layouts. */

/* ==========================================================================
   R2-d · 페이지 좌우 여백(gutter) 정책

   확정 밴드값: mobile 16 / tablet 20 / desktop 24 / wide 32  (:root 토큰)
   해소 대상: 같은 폭에서 페이지마다 달랐던 본문 좌우 패딩 (예: 768px 에서
   교재 0px vs 로그인 20px). 대상은 공통 레이아웃의 <main> 래퍼다.

   적용 제외(의도적):
   - 홈: system.css 미로드 (구조적 제외)
   - 채널·subpage10 계열: <main> 없이 DIV.container 로 풀블리드 사이드바를
     붙이는 것이 페이지 정체성 — 여백을 강제하면 리테마가 된다. 제외.
   ========================================================================== */
main {
    padding-left: var(--sf-gutter);
    padding-right: var(--sf-gutter);
    box-sizing: border-box;
}