/* ==========================================================================
   workbook-page.css — A4 인쇄 페이지 공통 스타일 (test-workbook 원본 기반)
   타입별 스타일은 css/wb-*.css 에 분리
   ========================================================================== */

/* ===== A4 페이지 공통 ===== */
.wb-page {
    width: 210mm;
    height: 297mm;
    margin: 24px auto;
    padding: 12mm 15mm;
    background: white;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    page-break-after: always;
    page-break-inside: avoid;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.wb-page:last-child { page-break-after: auto; }

/* ===== 페이지 헤더 ===== */
.page-header {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 3px solid var(--wb-primary, #D48806);
    padding-bottom: 10px;
    flex-shrink: 0;
}
.header-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.page-title {
    font-size: 22px;
    font-weight: 900;
    color: var(--wb-primary, #D48806);
}
.page-number {
    margin-left: auto;
    font-size: 14px;
    font-weight: 700;
    color: #bbb;
}

/* ===== 인쇄 ===== */
@media print {
    .no-print,
    .wbk-viewer-bar,
    .wbk-viewer-placeholder,
    .app-header-new { display: none !important; }

    body { background: white; margin: 0; padding: 0; }
    .wbk-viewer { display: block; background: white !important; }
    .wbk-viewer-output { display: block; padding: 0; }

    .wb-page {
        width: 210mm;
        height: 297mm;
        margin: 0;
        padding: 10mm;
        box-shadow: none;
        border-radius: 0;
        page-break-after: always;
        page-break-inside: avoid;
        overflow: hidden;
    }
    .wb-page:last-child { page-break-after: auto; }

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    @page { size: A4; margin: 0; }
}

/* ===== 화면 미리보기 ===== */
@media screen and (max-width: 800px) {
    .wb-page {
        width: 100%;
        height: auto;
        padding: 16px;
        margin: 12px;
    }
}

@media screen {
    .wb-page {
        max-width: 680px;
        border-radius: 8px;
    }
}