/* =============================================================
 * page.css — 일반 페이지(post_type=page) 템플릿 스타일.
 *
 * 블로그/공지 archive 와 동일 패턴:
 *   - 상단 padding 80 (PC ≥1024) / 40 (Mobile)
 *   - h1 가운데 정렬
 *   - 콘텐츠 max-width — .ws-container (1280 + 좌우 패딩 정책)
 *
 * 값은 모두 :root 의 --ws-* 변수만 사용 (DESIGN-TOKENS SSOT).
 * ============================================================= */

.ws-main--page {
    width: 100%;
    background: var(--ws-color-bg);
}

.ws-page__inner {
    width: 100%;
    padding-top: var(--ws-space-9);      /* Mobile 40 */
    padding-bottom: 100px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .ws-page__inner {
        padding-top: var(--ws-space-12); /* PC 80 (DESIGN-TOKENS §4.3) */
    }
}


/* ── 페이지 헤더 ────────────────────────────────────────── */

.ws-page__header {
    width: 100%;
    margin-bottom: var(--ws-space-9);    /* 40 — 타이틀 ↔ 본문 */
    text-align: center;
}

.ws-page__title {
    font-family: var(--ws-font-display);
    font-size: var(--ws-fs-h1);
    font-weight: var(--ws-fw-bold);
    line-height: var(--ws-lh-snug);
    letter-spacing: var(--ws-ls-tight);
    color: var(--ws-color-text);
    margin: 0;
    word-break: keep-all;
}

@media (min-width: 1024px) {
    .ws-page__header {
        margin-bottom: 60px;             /* PC 약간 여유 */
    }
}


/* ── 본문 ───────────────────────────────────────────────── */

.ws-page__content {
    width: 100%;
    font-family: var(--ws-font-body);
    font-size: var(--ws-fs-body-1);
    line-height: var(--ws-lh-loose);
    letter-spacing: var(--ws-ls-normal);
    color: var(--ws-color-text);
}

.ws-page__content > * + * {
    margin-top: var(--ws-space-5);
}

.ws-page__content img {
    border-radius: var(--ws-radius-lg);
    margin: var(--ws-space-9) 0;
}