/* ============================================
   rostam-responsive.css
   واکنش‌گرایی کتاب
   ============================================ */

/* تبلت */
@media (max-width: 768px) {
    .book-hero__title {
        font-size: var(--text-3xl);
    }

    .book-hero__subtitle {
        font-size: var(--text-xl);
    }

    .book-hero__description {
        font-size: var(--text-base);
    }

    .book-covenant__quote p {
        font-size: var(--text-lg);
    }

    .book-toc__link {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .book-toc__number {
        text-align: right;
    }

    .book-methodology {
        padding: 1.5rem;
    }

    .book-header__inner {
        flex-direction: column;
        gap: 0.75rem;
    }

    .book-header__nav {
        gap: 1rem;
    }
}

/* موبایل */
@media (max-width: 480px) {
    :root {
        --container-padding: 1rem;
    }

    .book-hero {
        padding: 2rem 0 1.5rem;
    }

    .book-hero__title {
        font-size: var(--text-2xl);
    }

    .book-hero__ornament {
        font-size: 1rem;
    }

    .book-toc__chapter-title {
        font-size: var(--text-base);
    }

    .book-footer__inner {
        gap: 0.5rem;
    }
}