/*
 * 커스텀 스타일 - Tailwind CSS와 함께 사용
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

@layer base {
    * {
        font-family: 'Noto Sans KR', sans-serif;
    }
}

/* 인쇄용 스타일 */
@media print {
    body {
        background: white !important;
    }

    .no-print {
        display: none !important;
    }

    .control-buttons,
    footer,
    .floating-nav {
        display: none !important;
    }

    .problems-area,
    .answers-area {
        box-shadow: none !important;
        padding: 0 !important;
    }

    .problems-grid {
        gap: 10px 20px !important;
    }

    .problem-item {
        border-bottom: 1px solid #ccc !important;
        page-break-inside: avoid;
    }

    .problem-text {
        font-size: 12pt;
    }

    /* A4 용지 최적화 */
    @page {
        size: A4;
        margin: 15mm 15mm 15mm 15mm;
    }

    /* 페이지 나눔 방지 */
    .problem-item,
    .answer-item {
        page-break-inside: avoid;
    }

    header {
        background: white !important;
        color: black !important;
        border-bottom: 2px solid black;
        padding: 10px 0;
        margin-bottom: 20px;
        box-shadow: none !important;
    }

    header h1 {
        color: black !important;
    }

    .subtitle {
        color: black !important;
    }
}