/*
 * PDF flipbook: tablet and phone rules.
 * Loaded with media="(max-width: 991.98px)". On narrow screens StPageFlip
 * shows one page at a time; the navigation bar wraps onto two rows.
 */

@media (max-width: 991.98px) {
    .fb-back span, .fb-cta span, .fb-guide span, .fb-bar .fb-btn--text span { display: none; }
    .fb-back, .fb-cta { padding: .5rem .7rem; }
    .fb-bar .fb-btn--text { padding: 0 10px; }
    .fb-book-wrap { inset: 40px 70px 18px; }
}

@media (max-width: 767.98px) {
    :root { --fb-top: 56px; --fb-bar: 108px; }
    .fb-top { gap: 10px; padding: 0 12px; }
    .fb-top .brand { display: none; }
    .fb-title h1 { font-size: 1rem; }
    .fb-title .eyebrow { font-size: .58rem; letter-spacing: .12em; }
    .fb-title .eyebrow::before { display: none; }

    /* Bar: page controls on the first row, slider + tools on the second */
    .fb-bar { flex-wrap: wrap; align-content: center; gap: 6px 10px; padding: 6px 10px; }
    .fb-bar > .fb-bar-group:first-child { order: 1; flex: 1 1 100%; justify-content: center; }
    .fb-slider { order: 2; flex: 1; }
    .fb-bar > .fb-bar-group:last-of-type { order: 3; gap: 2px; }
    .fb-bar .fb-btn { min-width: 38px; height: 38px; padding: 0 8px; }

    .fb-book-wrap { inset: 40px 10px 14px; }
    .fb-arrow { width: 40px; height: 40px; }
    .fb-arrow svg { width: 16px; height: 16px; }
    .fb-arrow--prev { left: 6px; }
    .fb-arrow--next { right: 6px; }
    .fb-note { font-size: .7rem; }
    .fb-panel { width: 100vw; }
}

@media (max-width: 380px) {
    .fb-bar [data-fb="link"] { display: none; }
}