/* Shared reading sizes for public pages, including narrow / low-density screens.
   Keep illustration labels and hidden icon text under their component's control. */
html[data-divers-appearance] {
  --public-caption-size: 13px;
  --public-copy-size: 15px;
}

/* Facts and section labels are information, even when styled as small capitals. */
html[data-divers-appearance] :is(
  .facts span, .pit-facts span, .section-index, .eyebrow,
  .catalog-eyebrow, .journey-kicker, .events-eyebrow, .event-detail-eyebrow,
  .about-eyebrow, .contact-eyebrow, .school-eyebrow, .borek-eyebrow,
  .store-eyebrow, .work-eyebrow, .reviews-eyebrow,
  .rental-content .index, .event-detail-facts dt, .event-filters label>span,
  .catalog-inputs label>span, .review-search-label>span
) {
  font-size: var(--public-caption-size);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .06em;
}

/* Practical notes, prices, metadata and controls stay readable on mobile too. */
html[data-divers-appearance] :is(
  .hero-course, .card-hint, .motion-toggle, .beginner-reassurance,
  .beginner-price>span, .beginner-variant .variant-tag, .beginner-program>span,
  .path-heading>span, .duration span, .contact .contact-course,
  .bundle-specialty-number, .bundle-specialty-link, .bundle-unpack-more,
  .freediving-program small, .standards-note summary, .program-row .eyebrow,
  .gallery-guidance, .community-photos figcaption, .beginner-photo-caption,
  .gallery-controls>span, .photo-credit, .footer, .gift-caption>small,
  .photo-fan .gallery-photo>span, .photo-fan .gallery-photo>span b,
  .theme-feature-copy .theme-feature-intro, .video-label small,
  .course-recommendation small, .journey figcaption, .focus-points article>span,
  .home-place-copy span, .film-toggle,
  .directory-link>span, .hero-bottom, .film-eyebrow,
  .home-path-frame>span, .home-help span, .home-place-copy>p:first-child,
  .campaign-detail, .catalog-motion, .journey-scroll, .journey-chapters,
  .journey-chapters a, .journey-story-copy .journey-fineprint,
  .catalog-path li a>span, .catalog-path-branches a>span,
  .catalog-path-split>p, .catalog-path-split li a>span,
  .catalog-filter-help, .catalog-results, .catalog-meta, .catalog-note,
  .catalog-card-link, .catalog-tags label span, .catalog-reset,
  .journey-cert small, .journey-scene-bottom, .journey-skip,
  .journey-bundle-result span, .journey-training-options span,
  .event-location, .event-open, .event-date-badge>span, .event-date-badge small,
  .public-event-grid[data-view=list] .event-date,
  .public-event-grid[data-view=list] .event-location,
  .event-photo-tag, .events-result-bar>p, .events-view button,
  .events-motion, .events-hero-note, .event-detail-gallery figcaption,
  .events-categories button span,
  .about-hero-bottom, .about-story-year>span, .about-club-photo figcaption,
  .about-benefit-note, .about-person-open small, .about-index a,
  .contacts-direct p, .contact-profile, .contact-topic-bottom,
  .branch-note, .contact-footnote, .contacts-nav, .billing-details dl,
  .contact-company-ids, .contact-bank dl, .contact-bank dt, .contact-bank dd,
  .contact-address-panel address, .contact-bank>a,
  .school-profile-role, .school-person-specialty, .school-center-source,
  .school-profile summary, .school-badges p, .school-medal-short,
  .school-medal h3, .school-space span,
  .service-product-caption, .service-product-count,
  .service-price-list dt small, .service-price-footnote p, .service-extra-note,
  .service-brands span, .service-price-nav a,
  .store-product-label>span, .store-product-bottom p, .store-hours-note,
  .store-index a, .store-work-products a, .store-work-products a span,
  .store-page [data-kit-item],
  .borek-price-note, .borek-gallery-note, .borek-nav a,
  .borek-model-caption, .borek-history-credit, .borek-history-more>summary span,
  .borek-tile small, .borek-tile em, .borek-arrival-location,
  .borek-arrival-credit, .borek-arrival-skip, .borek-arrival-discover,
  .borek-arrival-bottom p, .borek-atlas-controls button,
  .borek-history-album a>span, .borek-history-grid a>span,
  .borek-model-caption>span, .borek-pin>span, .borek-atlas-key,
  .pit-price-grid thead th, .pit-pass p>span, .pit-nav a, .pit-amenities,
  .pit-divers-photo>p, .pit-gallery-item span, .pit-lightbox p,
  .work-watch small, .work-small-title, .work-page figcaption,
  .work-stage-controls button, .work-stage-controls button span,
  .work-stage-bottom>p, .work-view-controls button,
  .work-panorama-footer, .work-scan-caption, .work-drawing-caption,
  .review-kind, .review-card time, .review-tags button, .review-source,
  .reviews-results, .reviews-note, .review-read, .review-photo-main figcaption,
  .review-floating-quote small, .review-count-seal span,
  .review-filter-options label>small, .review-filter-bottom,
  .review-active-filters button, .review-platform-link,
  .reviews-continuation-note, .reviews-progress-label,
  .reviews-page label, .review-filter-options label>span,
  .review-floating-quote strong,
  .rental-content .hero-bottom, .rental-content .category-rail,
  .rental-content .wing figcaption span, .rental-content .scene-footer,
  .rental-content .text-button, .rental-content .camera-captions,
  .rental-content .category summary>span, .rental-content .rotation-controls,
  .rental-content .gear-detail>p, .rental-content .gear-detail .button,
  .rental-content .gear-buttons button, .rental-content .dress-control label,
  .rental-content .dress-control .text-button, .rental-content footer,
  .rental-content .photo-note, .rental-content .regulator-photos small,
  .rental-content .thermal-tabs button, .rental-content .asset-credits,
  .rental-content .detail-views button, .rental-content .assembly-steps button,
  .rental-content .product-strip small, .rental-content .thermal-extras button,
  .rental-content .inline-products button, .rental-content .inline-product,
  .rental-content .model-note, .rental-content .rig-modes button,
  .rental-content .rig-modes small, .rental-content .abc-modes button,
  .rental-content .rig-modes a, .rental-content .abc-band .fin-caption,
  .rental-content .suit-photo>span, .rental-content .assembly-photo span,
  .rental-content .accessory-product>span, .rental-content .rig-soon,
  .rental-content .rig-related, .rental-content .rig-angle,
  .rental-content .rig-model, .rental-content .abc-photo-label,
  .rental-content .suit-accessory>span:last-child,
  .rental-content .suit-accessories .suit-accessory>span:last-child,
  .rental-content .gopro-caption, .rental-content .regulator-card small,
  .rental-content .catalog-tile-title
) {
  font-size: var(--public-caption-size);
  line-height: 1.5;
}

html[data-divers-appearance][data-embed]:not([data-course]) .gallery-photo>span {
  font-size: var(--public-caption-size);
  line-height: 1.5;
}

@media (min-width: 761px) {
  html[data-divers-appearance] .beginner-photo-open {
    font-size: var(--public-caption-size);
  }
}

html[data-divers-appearance] :is(
  .button, .hero-actions .button, .rental-content .button,
  .text-button, .hero-actions .text-button, .rental-content .text-button,
  .text-link, .pit-link, .borek-link, .borek-text-link, .store-link
) {
  font-size: 14px;
  line-height: 1.5;
}

html[data-divers-appearance] :is(
  .beginner-journey p, .beginner-variant p:not(.variant-tag),
  .beginner-variant li, .beginner-program p, .beginner-referral p,
  .course-path p, .bundle-specialty p, .bundle-unpack header>p,
  .section-heading>p, .catalog-summary, .contact-topic-grid article>p,
  .school-profile-copy>p:not(.school-profile-role),
  .work-services p, .rental-content .diver-copy p,
  .rental-content .horizon-feature p
) {
  font-size: var(--public-copy-size);
  line-height: 1.7;
}
