/* Mobile Apps: an extension of the existing Project 1703 visual system. */
.section_mobile_apps { scroll-margin-top: 112px; }
.mobile_apps { display: flex; align-items: center; justify-content: space-between; gap: 64px; }
.mobile_apps_copy { flex: 1; min-width: 0; max-width: 650px; }
.mobile_apps_copy .desc_section { font-size: 20px; line-height: 1.5; }
.mobile_apps_platforms { display: flex; align-items: center; flex-shrink: 0; gap: 28px; color: var(--color-dark-blue); font-family: var(--font-family); font-size: 32px; line-height: 1.3; }
.mobile_apps_platforms li + li { padding-left: 28px; border-left: 1px solid currentColor; }
@media (min-width: 769px) and (max-width: 1050px) {
    .header_box { padding-left: 20px; padding-right: 20px; }
    .header_logo { width: 120px; flex-shrink: 0; }
    .header_nav_list li { margin-left: 2px; margin-right: 2px; }
    .header_nav_list a { padding-left: 6px; padding-right: 6px; font-size: 14px; }
    .mobile_apps { gap: 32px; }
    .mobile_apps_platforms { font-size: 26px; gap: 20px; }
    .mobile_apps_platforms li + li { padding-left: 20px; }
}
@media (max-width: 768px) {
    .section_mobile_apps { scroll-margin-top: 88px; }
    .mobile_apps { flex-direction: column; align-items: flex-start; gap: 24px; padding: 0 12px; }
    .mobile_apps_copy .desc_section { font-size: 18px; }
    .mobile_apps_platforms { font-size: 26px; gap: 24px; }
    .mobile_apps_platforms li + li { padding-left: 24px; }
}