/* Shared mobile type scale. Scoped selectors also survive lazy home CSS. */
@media(max-width:700px) {
    :root {
        --mobile-title:26px;
        --mobile-section:20px;
        --mobile-heading:17px;
        --mobile-body:13px;
        --mobile-small:11px;
        --mobile-button:10px;
        --mobile-card-title:10px;
    }

    body main :is(.about-title,.rental-header,.contact-title,.signup-catalog-header,
        .prices-header,.timetable-header,.legal-title) h1,
    body main .legal-page > h1 {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-title);
        line-height:1.2;
        letter-spacing:1px;
        overflow-wrap:anywhere;
    }

    body main :is(.classes-title,.news-slider-title,.about-mission,
        .about-story-content,.about-founders-text,.about-instructors,
        .rental-amenities,.rental-pricing,.rental-form-heading,
        .contact-form-section,.contact-combined,.signup-form-message) > h2,
    body main .legal-page > h2 {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-section);
        line-height:1.25;
        letter-spacing:.7px;
        overflow-wrap:anywhere;
    }

    body main .rental-room-summary h2,
    body main .rental-price-card h3,
    body main .room-card h3,
    body main .signup-catalog-style-name h2,
    body main .timetable-room-summary,
    body main .legal-content :is(h2,h3) {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-heading);
        line-height:1.25;
        letter-spacing:.5px;
        overflow-wrap:anywhere;
    }

    body main :is(.about-page,.rental-page,.contact-page,.signup-catalog-page,
        .signup-section,.prices-header,.timetable-header,.legal-page) p,
    body main .legal-content li,
    body main .rental-price-row,
    body main .rental-price-row strong,
    body main .contact-item span,
    body main .signup-catalog-class-content h3,
    body main .signup-form-message-error {
        font-family:"Poiret One",sans-serif;
        font-size:var(--mobile-body);
        line-height:1.5;
        letter-spacing:0;
    }

    /* Existing about-page emphasis uses !important; normalize its mobile size. */
    body main .about-mission p,
    body main .about-mission .about-big-text,
    body main .about-story-content p,
    body main .about-founders-text p,
    body main .about-instructors-note-details {
        font-size:var(--mobile-body) !important;
        line-height:1.5 !important;
    }

    body main .about-highlight,
    body main .about-no {
        font-size:var(--mobile-heading) !important;
        line-height:1.3 !important;
    }

    body main .about-quote p {
        font-size:var(--mobile-section);
        line-height:1.4;
    }

    body main .rental-field > label,
    body main .rental-field legend,
    body main .signup-field label {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-button);
        line-height:1.3;
        letter-spacing:.3px;
    }

    body main .rental-field :is(input,select,textarea),
    body main .signup-field :is(input,select,textarea) {
        font-family:"Poiret One",sans-serif;
        font-size:var(--mobile-body);
        line-height:1.4;
    }

    body main .signup-class-field input[readonly] {
        font-size:var(--mobile-heading);
        line-height:1.25;
    }

    body main :is(.rental-consent,.signup-consent) label,
    body main .rental-type-options label > span,
    body main .rental-hours-grid label > span,
    body main .signup-catalog-class-details,
    body main .signup-catalog-class-info,
    body main p.rental-required-note,
    body main p.rental-calendar-note,
    body main p.prices-disclaimer {
        font-size:var(--mobile-small);
        line-height:1.4;
    }

    body main .rental-submit,
    body main .signup-submit,
    body main .signup-catalog-button,
    body main .tab-btn,
    body main .more-btn,
    body main .form-btn,
    body main .studio-style-card .more-btn,
    body main .news-slide .more-btn {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-button);
        line-height:1.3;
        letter-spacing:.5px;
    }

    body main .studio-style-card .studio-style-card-title,
    body main .news-slide h3 {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-card-title);
        line-height:1.2;
        letter-spacing:0;
    }

    body #homeModal .modal-title,
    body #homeModal.home-modal--news .modal-title,
    body #classModal .modal-title,
    body #instructorModal h2,
    body .signup-document-dialog h2 {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-heading);
        line-height:1.25;
        letter-spacing:.5px;
        overflow-wrap:anywhere;
    }

    body #homeModal .modal-text,
    body #homeModal .modal-text p,
    body #homeModal.home-modal--news .modal-text,
    body #homeModal.home-modal--news .modal-text p,
    body #classModal .class-modal-description,
    body #classModal .event-row p,
    body #instructorModal .instructor-modal-description {
        font-family:"Poiret One",sans-serif;
        font-size:var(--mobile-body);
        line-height:1.5;
    }

    body #homeModal .modal-link,
    body #homeModal.home-modal--news .modal-link,
    body #classModal .modal-link {
        font-family:"Candal",sans-serif;
        font-size:var(--mobile-button);
        line-height:1.3;
        letter-spacing:.5px;
    }
}